#C0657D - #EDD3D9 | 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 #C0657D to #EDD3D9

#C0657D #EDD3D9

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

#C0657D - #EDD3D9 | 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 #C0657D as 0% and #EDD3D9 as 100%.

0.0%	0.0% #C0657D	RGB 192 101 125	#C0657D
16.7%	16.7% #C7778C	RGB 199 119 140	#C7778C
33.3%	33.3% #CF899B	RGB 207 137 155	#CF899B
50.0%	50.0% #D69CAB	RGB 214 156 171	#D69CAB
66.7%	66.7% #DEAEBA	RGB 222 174 186	#DEAEBA
83.3%	83.3% #E5C0C9	RGB 229 192 201	#E5C0C9
100.0%	100.0% #EDD3D9	RGB 237 211 217	#EDD3D9

#C0657D #C7778C #CF899B #D69CAB #DEAEBA #E5C0C9 #EDD3D9

#C0657D - #EDD3D9

HSV Blend

#C0657D - #EDD3D9 | 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 #C0657D as 0% and #EDD3D9 as 100%.

0.0%	0.0% #C0657D	RGB 192 101 125	#C0657D
16.7%	16.7% #C7758A	RGB 199 117 138	#C7758A
33.3%	33.3% #CF8698	RGB 207 134 152	#CF8698
50.0%	50.0% #D697A7	RGB 214 151 167	#D697A7
66.7%	66.7% #DEAAB7	RGB 222 170 183	#DEAAB7
83.3%	83.3% #E5BEC7	RGB 229 190 199	#E5BEC7
100.0%	100.0% #EDD3D9	RGB 237 211 217	#EDD3D9

#C0657D #C7758A #CF8698 #D697A7 #DEAAB7 #E5BEC7 #EDD3D9

#C0657D - #D697A7 - #EDD3D9

CSS codes

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

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