#E3C7EF - #CBE6FA | 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 #E3C7EF to #CBE6FA

#E3C7EF #CBE6FA

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

#E3C7EF - #CBE6FA | 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 #E3C7EF as 0% and #CBE6FA as 100%.

0.0%	0.0% #E3C7EF	RGB 227 199 239	#E3C7EF
16.7%	16.7% #DFCCF0	RGB 223 204 240	#DFCCF0
33.3%	33.3% #DBD1F2	RGB 219 209 242	#DBD1F2
50.0%	50.0% #D7D6F4	RGB 215 214 244	#D7D6F4
66.7%	66.7% #D3DBF6	RGB 211 219 246	#D3DBF6
83.3%	83.3% #CFE0F8	RGB 207 224 248	#CFE0F8
100.0%	100.0% #CBE6FA	RGB 203 230 250	#CBE6FA

#E3C7EF #DFCCF0 #DBD1F2 #D7D6F4 #D3DBF6 #CFE0F8 #CBE6FA

#E3C7EF - #CBE6FA

HSV Blend

#E3C7EF - #CBE6FA | 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 #E3C7EF as 0% and #CBE6FA as 100%.

0.0%	0.0% #E3C7EF	RGB 227 199 239	#E3C7EF
16.7%	16.7% #DBC7F0	RGB 219 199 240	#DBC7F0
33.3%	33.3% #D4C8F2	RGB 212 200 242	#D4C8F2
50.0%	50.0% #CBC9F4	RGB 203 201 244	#CBC9F4
66.7%	66.7% #C9D0F6	RGB 201 208 246	#C9D0F6
83.3%	83.3% #CADAF8	RGB 202 218 248	#CADAF8
100.0%	100.0% #CBE6FA	RGB 203 230 250	#CBE6FA

#E3C7EF #DBC7F0 #D4C8F2 #CBC9F4 #C9D0F6 #CADAF8 #CBE6FA

#E3C7EF - #CBC9F4 - #CBE6FA

CSS codes

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

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