#C92E92 - #EFC3DF | 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 #C92E92 to #EFC3DF

#C92E92 #EFC3DF

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

#C92E92 - #EFC3DF | 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 #C92E92 as 0% and #EFC3DF as 100%.

0.0%	0.0% #C92E92	RGB 201 46 146	#C92E92
16.7%	16.7% #CF469E	RGB 207 70 158	#CF469E
33.3%	33.3% #D55FAB	RGB 213 95 171	#D55FAB
50.0%	50.0% #DC78B8	RGB 220 120 184	#DC78B8
66.7%	66.7% #E291C5	RGB 226 145 197	#E291C5
83.3%	83.3% #E8AAD2	RGB 232 170 210	#E8AAD2
100.0%	100.0% #EFC3DF	RGB 239 195 223	#EFC3DF

#C92E92 #CF469E #D55FAB #DC78B8 #E291C5 #E8AAD2 #EFC3DF

#C92E92 - #EFC3DF

HSV Blend

#C92E92 - #EFC3DF | 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 #C92E92 as 0% and #EFC3DF as 100%.

0.0%	0.0% #C92E92	RGB 201 46 146	#C92E92
16.7%	16.7% #CF439D	RGB 207 67 157	#CF439D
33.3%	33.3% #D55AA9	RGB 213 90 169	#D55AA9
50.0%	50.0% #DC72B6	RGB 220 114 182	#DC72B6
66.7%	66.7% #E28CC3	RGB 226 140 195	#E28CC3
83.3%	83.3% #E8A7D0	RGB 232 167 208	#E8A7D0
100.0%	100.0% #EFC3DF	RGB 239 195 223	#EFC3DF

#C92E92 #CF439D #D55AA9 #DC72B6 #E28CC3 #E8A7D0 #EFC3DF

#C92E92 - #DC72B6 - #EFC3DF

CSS codes

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

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