#CE5C8A - #8C0338 | 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 #CE5C8A to #8C0338

#CE5C8A #8C0338

Calculate the color between two colors, #CE5C8A and #8C0338. 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)

#CE5C8A - #8C0338 | 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 #CE5C8A as 0% and #8C0338 as 100%.

0.0%	0.0% #CE5C8A	RGB 206 92 138	#CE5C8A
16.7%	16.7% #C34D7C	RGB 195 77 124	#C34D7C
33.3%	33.3% #B83E6E	RGB 184 62 110	#B83E6E
50.0%	50.0% #AD2F61	RGB 173 47 97	#AD2F61
66.7%	66.7% #A22053	RGB 162 32 83	#A22053
83.3%	83.3% #971145	RGB 151 17 69	#971145
100.0%	100.0% #8C0338	RGB 140 3 56	#8C0338

#CE5C8A #C34D7C #B83E6E #AD2F61 #A22053 #971145 #8C0338

#CE5C8A - #8C0338

HSV Blend

#CE5C8A - #8C0338 | 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 #CE5C8A as 0% and #8C0338 as 100%.

0.0%	0.0% #CE5C89	RGB 206 92 137	#CE5C89
16.7%	16.7% #C3497A	RGB 195 73 122	#C3497A
33.3%	33.3% #B8386A	RGB 184 56 106	#B8386A
50.0%	50.0% #AD285C	RGB 173 40 92	#AD285C
66.7%	66.7% #A21A4F	RGB 162 26 79	#A21A4F
83.3%	83.3% #970D43	RGB 151 13 67	#970D43
100.0%	100.0% #8C0338	RGB 140 3 56	#8C0338

#CE5C89 #C3497A #B8386A #AD285C #A21A4F #970D43 #8C0338

#CE5C8A - #AD285C - #8C0338

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CE5C89 0%, #AD285C 50%, #8C0338 100%);
    background: -webkit-linear-gradient(top, #CE5C89 0%, #AD285C 50%, #8C0338 100%);
    background: linear-gradient(to bottom, #CE5C89 0%, #AD285C 50%, #8C0338 100%);
}
</style>