#E3CBE1 - #C16B9E | 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 #E3CBE1 to #C16B9E

#E3CBE1 #C16B9E

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

#E3CBE1 - #C16B9E | 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 #E3CBE1 as 0% and #C16B9E as 100%.

0.0%	0.0% #E3CBE1	RGB 227 203 225	#E3CBE1
16.7%	16.7% #DDBBD5	RGB 221 187 213	#DDBBD5
33.3%	33.3% #D7ABCA	RGB 215 171 202	#D7ABCA
50.0%	50.0% #D29BBF	RGB 210 155 191	#D29BBF
66.7%	66.7% #CC8BB4	RGB 204 139 180	#CC8BB4
83.3%	83.3% #C67BA9	RGB 198 123 169	#C67BA9
100.0%	100.0% #C16B9E	RGB 193 107 158	#C16B9E

#E3CBE1 #DDBBD5 #D7ABCA #D29BBF #CC8BB4 #C67BA9 #C16B9E

#E3CBE1 - #C16B9E

HSV Blend

#E3CBE1 - #C16B9E | 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 #E3CBE1 as 0% and #C16B9E as 100%.

0.0%	0.0% #E3CBE1	RGB 227 203 225	#E3CBE1
16.7%	16.7% #DDB9D8	RGB 221 185 216	#DDB9D8
33.3%	33.3% #D7A8CE	RGB 215 168 206	#D7A8CE
50.0%	50.0% #D298C3	RGB 210 152 195	#D298C3
66.7%	66.7% #CC88B8	RGB 204 136 184	#CC88B8
83.3%	83.3% #C679AB	RGB 198 121 171	#C679AB
100.0%	100.0% #C16B9E	RGB 193 107 158	#C16B9E

#E3CBE1 #DDB9D8 #D7A8CE #D298C3 #CC88B8 #C679AB #C16B9E

#E3CBE1 - #D298C3 - #C16B9E

CSS codes

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

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