Orchid Gradient
Orchid Gradient CSS3 Code
The Orchid gradient offers a vibrant color scheme palette with 4 shades. Incorporating the hex color #da70d6, this gradient showcases a visual transformation through shade variation, transitioning from #DA70D6 to #CB61C7, #BC52B8, and #E97FE5. Embrace the orchid 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: #DA70D6;
background: linear-gradient(to bottom, #DA70D6 0%, #CB61C7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DA70D6), color-stop(100%, #CB61C7));
background: -webkit-linear-gradient(top, #DA70D6 0%, #CB61C7 100%);
background: -moz-linear-gradient(top, #DA70D6 0%, #CB61C7 100%);
background: -o-linear-gradient(top, #DA70D6 0%, #CB61C7 100%);
background: -ms-linear-gradient(top, #DA70D6 0%, #CB61C7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA70D6', endColorstr='#CB61C7', GradientType=0);
border: 1px solid #BC52B8;
box-shadow: inset 0 1px 0 #E97FE5;
-webkit-box-shadow: inset 0 1px 0 #E97FE5;
-moz-box-shadow: inset 0 1px 0 #E97FE5; 
Pantone Colors 
Material Design Colors 
Image to Colors Palette Generator 
Marvelous Color Picker 
Color Contrast Checker 
Random Fresh Colors 
Material Palette 
Generate a CSS Color Gradient 
Gradient Color Generator 
Extract Color Palette from a Website What is the conversion rate formula? Well, the conversion rate formula is a way to calculate the rate at which a marketing campaign converts leads into customers. To determine the success of your online marketing campaigns, it’s important to un...
Why Every Designer Should Consider an IQ Test: Unlocking Creative PotentialThe world of design is a vast and intricate space, brimming with creativity, innovation, and a perpetual desire for originality. Designers continually push their cognitive boundaries to conceive concepts that are not only visually enticing but also f...
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...
The Effect of Commercial Site Interface Colors on ConversionDifferent shades have a huge impact on conversion rates of websites. Read to discover how. Do colors affect the performance of a website? Well, it’s quite complicated. To some degree, color affects a site’s performance. But not directly. Color psycho...
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...