#C92D8C - #EFC3DE | 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 #C92D8C to #EFC3DE

#C92D8C #EFC3DE

Calculate the color between two colors, #C92D8C and #EFC3DE. 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)

#C92D8C - #EFC3DE | 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 #C92D8C as 0% and #EFC3DE as 100%.

0.0%	0.0% #C92D8C	RGB 201 45 140	#C92D8C
16.7%	16.7% #CF4699	RGB 207 70 153	#CF4699
33.3%	33.3% #D55FA7	RGB 213 95 167	#D55FA7
50.0%	50.0% #DC78B5	RGB 220 120 181	#DC78B5
66.7%	66.7% #E291C2	RGB 226 145 194	#E291C2
83.3%	83.3% #E8AAD0	RGB 232 170 208	#E8AAD0
100.0%	100.0% #EFC3DE	RGB 239 195 222	#EFC3DE

#C92D8C #CF4699 #D55FA7 #DC78B5 #E291C2 #E8AAD0 #EFC3DE

#C92D8C - #EFC3DE

HSV Blend

#C92D8C - #EFC3DE | 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 #C92D8C as 0% and #EFC3DE as 100%.

0.0%	0.0% #C92D8C	RGB 201 45 140	#C92D8C
16.7%	16.7% #CF4298	RGB 207 66 152	#CF4298
33.3%	33.3% #D55AA5	RGB 213 90 165	#D55AA5
50.0%	50.0% #DC72B2	RGB 220 114 178	#DC72B2
66.7%	66.7% #E28CC0	RGB 226 140 192	#E28CC0
83.3%	83.3% #E8A6CF	RGB 232 166 207	#E8A6CF
100.0%	100.0% #EFC3DE	RGB 239 195 222	#EFC3DE

#C92D8C #CF4298 #D55AA5 #DC72B2 #E28CC0 #E8A6CF #EFC3DE

#C92D8C - #DC72B2 - #EFC3DE

CSS codes

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

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