Celadon Gradient
Celadon Gradient CSS3 Code
The Celadon gradient offers a vibrant color scheme palette with 4 shades. Incorporating the hex color #ace1af, this gradient showcases a visual transformation through shade variation, transitioning from #ACE1AF to #9DD2A0, #8EC391, and #BBF0BE. Embrace the celadon gradient to add a striking touch to your web designs, graphic arts, or creative projects. This color combination was created by hexcolor.co. The Hex, RGB, and CMYK codes are in the table below.
background: #ACE1AF;
background: linear-gradient(to bottom, #ACE1AF 0%, #9DD2A0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ACE1AF), color-stop(100%, #9DD2A0));
background: -webkit-linear-gradient(top, #ACE1AF 0%, #9DD2A0 100%);
background: -moz-linear-gradient(top, #ACE1AF 0%, #9DD2A0 100%);
background: -o-linear-gradient(top, #ACE1AF 0%, #9DD2A0 100%);
background: -ms-linear-gradient(top, #ACE1AF 0%, #9DD2A0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ACE1AF', endColorstr='#9DD2A0', GradientType=0);
border: 1px solid #8EC391;
box-shadow: inset 0 1px 0 #BBF0BE;
-webkit-box-shadow: inset 0 1px 0 #BBF0BE;
-moz-box-shadow: inset 0 1px 0 #BBF0BE;
Color has the power to influence our emotions, behaviors, and perceptions in powerful ways. Within education, its use in materials and technologies has a great impact on learning, engagement, and retention – from textbooks to e-learning platfor...
E-commerce Homepage Examples & CRO Best PracticesConversion rate optimization (CRO) is a critical aspect of e-commerce success. By optimizing your homepage, you can increase the chances that visitors will take the desired action, whether it be signing up for a newsletter, making a purchase, or down...
Creating a Branded Educational Identity: A Guide to HTML Color Palette SelectionThe creation of a color palette for branding purposes in the field of education follows unique goals that usually go beyond classic marketing methods. The reason for that is the necessity to create a different kind of brand recognition where the use ...
What Are E-Commerce KpisE-commerce KPIs are key performance indicators that businesses use to measure the success of their online sales efforts. E-commerce businesses need to track key performance indicators (KPIs) to measure their success. Many KPIs can be tracked, but som...
Adjusting Mac Screen Brightness: Tips for Better Viewing ExperienceMac computers are your trusted ally through all your digital adventures. However, staring at their glowing screens for hours can take a toll. It can strain your eyes and disrupt your sleep cycle. It is critical to adjust the screen brightness of your...