#ECC0DB - #C0669F | 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 #ECC0DB to #C0669F

#ECC0DB #C0669F

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

#ECC0DB - #C0669F | 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 #ECC0DB as 0% and #C0669F as 100%.

0.0%	0.0% #ECC0DB	RGB 236 192 219	#ECC0DB
16.7%	16.7% #E4B1D1	RGB 228 177 209	#E4B1D1
33.3%	33.3% #DDA2C7	RGB 221 162 199	#DDA2C7
50.0%	50.0% #D693BD	RGB 214 147 189	#D693BD
66.7%	66.7% #CE84B3	RGB 206 132 179	#CE84B3
83.3%	83.3% #C775A9	RGB 199 117 169	#C775A9
100.0%	100.0% #C0669F	RGB 192 102 159	#C0669F

#ECC0DB #E4B1D1 #DDA2C7 #D693BD #CE84B3 #C775A9 #C0669F

#ECC0DB - #C0669F

HSV Blend

#ECC0DB - #C0669F | 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 #ECC0DB as 0% and #C0669F as 100%.

0.0%	0.0% #ECC0DB	RGB 236 192 219	#ECC0DB
16.7%	16.7% #E4AFD0	RGB 228 175 208	#E4AFD0
33.3%	33.3% #DD9FC5	RGB 221 159 197	#DD9FC5
50.0%	50.0% #D68FBB	RGB 214 143 187	#D68FBB
66.7%	66.7% #CE81B1	RGB 206 129 177	#CE81B1
83.3%	83.3% #C773A8	RGB 199 115 168	#C773A8
100.0%	100.0% #C0669F	RGB 192 102 159	#C0669F

#ECC0DB #E4AFD0 #DD9FC5 #D68FBB #CE81B1 #C773A8 #C0669F

#ECC0DB - #D68FBB - #C0669F

CSS codes

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

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