#3C3C5E - #CE7987 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #3C3C5E to #CE7987

#3C3C5E #CE7987

Calculate the color between two colors, #3C3C5E and #CE7987. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#3C3C5E - #CE7987 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #3C3C5E as 0% and #CE7987 as 100%.

0.0%	0.0% #3C3C5E	RGB 60 60 94	#3C3C5E
16.7%	16.7% #544664	RGB 84 70 100	#544664
33.3%	33.3% #6C506B	RGB 108 80 107	#6C506B
50.0%	50.0% #855A72	RGB 133 90 114	#855A72
66.7%	66.7% #9D6479	RGB 157 100 121	#9D6479
83.3%	83.3% #B56E80	RGB 181 110 128	#B56E80
100.0%	100.0% #CE7987	RGB 206 121 135	#CE7987

#3C3C5E #544664 #6C506B #855A72 #9D6479 #B56E80 #CE7987

#3C3C5E - #CE7987

HSV Blend

#3C3C5E - #CE7987 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #3C3C5E as 0% and #CE7987 as 100%.

0.0%	0.0% #3C3C5E	RGB 60 60 94	#3C3C5E
16.7%	16.7% #534670	RGB 83 70 112	#534670
33.3%	33.3% #705183	RGB 112 81 131	#705183
50.0%	50.0% #915B96	RGB 145 91 150	#915B96
66.7%	66.7% #A86599	RGB 168 101 153	#A86599
83.3%	83.3% #BB6F93	RGB 187 111 147	#BB6F93
100.0%	100.0% #CE7987	RGB 206 121 135	#CE7987

#3C3C5E #534670 #705183 #915B96 #A86599 #BB6F93 #CE7987

#3C3C5E - #915B96 - #CE7987

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C5E 0%, #CE7987 100%);
    background: -webkit-linear-gradient(top, #3C3C5E 0%, #CE7987 100%);
    background: linear-gradient(to bottom, #3C3C5E 0%, #CE7987 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C5E 0%, #915B96 50%, #CE7987 100%);
    background: -webkit-linear-gradient(top, #3C3C5E 0%, #915B96 50%, #CE7987 100%);
    background: linear-gradient(to bottom, #3C3C5E 0%, #915B96 50%, #CE7987 100%);
}
</style>