#C05C92 - #EDD0DF | 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 #C05C92 to #EDD0DF

#C05C92 #EDD0DF

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

#C05C92 - #EDD0DF | 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 #C05C92 as 0% and #EDD0DF as 100%.

0.0%	0.0% #C05C92	RGB 192 92 146	#C05C92
16.7%	16.7% #C76F9E	RGB 199 111 158	#C76F9E
33.3%	33.3% #CF82AB	RGB 207 130 171	#CF82AB
50.0%	50.0% #D696B8	RGB 214 150 184	#D696B8
66.7%	66.7% #DEA9C5	RGB 222 169 197	#DEA9C5
83.3%	83.3% #E5BCD2	RGB 229 188 210	#E5BCD2
100.0%	100.0% #EDD0DF	RGB 237 208 223	#EDD0DF

#C05C92 #C76F9E #CF82AB #D696B8 #DEA9C5 #E5BCD2 #EDD0DF

#C05C92 - #EDD0DF

HSV Blend

#C05C92 - #EDD0DF | 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 #C05C92 as 0% and #EDD0DF as 100%.

0.0%	0.0% #C05C91	RGB 192 92 145	#C05C91
16.7%	16.7% #C76C9D	RGB 199 108 157	#C76C9D
33.3%	33.3% #CF7EA9	RGB 207 126 169	#CF7EA9
50.0%	50.0% #D691B5	RGB 214 145 181	#D691B5
66.7%	66.7% #DEA5C3	RGB 222 165 195	#DEA5C3
83.3%	83.3% #E5BAD0	RGB 229 186 208	#E5BAD0
100.0%	100.0% #EDD0DF	RGB 237 208 223	#EDD0DF

#C05C91 #C76C9D #CF7EA9 #D691B5 #DEA5C3 #E5BAD0 #EDD0DF

#C05C92 - #D691B5 - #EDD0DF

CSS codes

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

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