#E6CDDF - #C1719B | 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 #E6CDDF to #C1719B

#E6CDDF #C1719B

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

#E6CDDF - #C1719B | 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 #E6CDDF as 0% and #C1719B as 100%.

0.0%	0.0% #E6CDDF	RGB 230 205 223	#E6CDDF
16.7%	16.7% #DFBDD3	RGB 223 189 211	#DFBDD3
33.3%	33.3% #D9AEC8	RGB 217 174 200	#D9AEC8
50.0%	50.0% #D39FBD	RGB 211 159 189	#D39FBD
66.7%	66.7% #CD8FB1	RGB 205 143 177	#CD8FB1
83.3%	83.3% #C780A6	RGB 199 128 166	#C780A6
100.0%	100.0% #C1719B	RGB 193 113 155	#C1719B

#E6CDDF #DFBDD3 #D9AEC8 #D39FBD #CD8FB1 #C780A6 #C1719B

#E6CDDF - #C1719B

HSV Blend

#E6CDDF - #C1719B | 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 #E6CDDF as 0% and #C1719B as 100%.

0.0%	0.0% #E6CDDF	RGB 230 205 223	#E6CDDF
16.7%	16.7% #DFBCD4	RGB 223 188 212	#DFBCD4
33.3%	33.3% #D9ABC9	RGB 217 171 201	#D9ABC9
50.0%	50.0% #D39CBE	RGB 211 156 190	#D39CBE
66.7%	66.7% #CD8DB3	RGB 205 141 179	#CD8DB3
83.3%	83.3% #C77EA7	RGB 199 126 167	#C77EA7
100.0%	100.0% #C1719B	RGB 193 113 155	#C1719B

#E6CDDF #DFBCD4 #D9ABC9 #D39CBE #CD8DB3 #C77EA7 #C1719B

#E6CDDF - #D39CBE - #C1719B

CSS codes

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

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