#E8B5E9 - #CDD2E4 | 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 #E8B5E9 to #CDD2E4

#E8B5E9 #CDD2E4

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

#E8B5E9 - #CDD2E4 | 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 #E8B5E9 as 0% and #CDD2E4 as 100%.

0.0%	0.0% #E8B5E9	RGB 232 181 233	#E8B5E9
16.7%	16.7% #E3B9E8	RGB 227 185 232	#E3B9E8
33.3%	33.3% #DFBEE7	RGB 223 190 231	#DFBEE7
50.0%	50.0% #DAC3E6	RGB 218 195 230	#DAC3E6
66.7%	66.7% #D6C8E5	RGB 214 200 229	#D6C8E5
83.3%	83.3% #D1CDE4	RGB 209 205 228	#D1CDE4
100.0%	100.0% #CDD2E4	RGB 205 210 228	#CDD2E4

#E8B5E9 #E3B9E8 #DFBEE7 #DAC3E6 #D6C8E5 #D1CDE4 #CDD2E4

#E8B5E9 - #CDD2E4

HSV Blend

#E8B5E9 - #CDD2E4 | 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 #E8B5E9 as 0% and #CDD2E4 as 100%.

0.0%	0.0% #E8B5E9	RGB 232 181 233	#E8B5E9
16.7%	16.7% #DDB9E8	RGB 221 185 232	#DDB9E8
33.3%	33.3% #D5BDE7	RGB 213 189 231	#D5BDE7
50.0%	50.0% #CFC1E6	RGB 207 193 230	#CFC1E6
66.7%	66.7% #CBC5E5	RGB 203 197 229	#CBC5E5
83.3%	83.3% #C9C9E4	RGB 201 201 228	#C9C9E4
100.0%	100.0% #CDD2E4	RGB 205 210 228	#CDD2E4

#E8B5E9 #DDB9E8 #D5BDE7 #CFC1E6 #CBC5E5 #C9C9E4 #CDD2E4

#E8B5E9 - #CFC1E6 - #CDD2E4

CSS codes

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

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