#E8B5D6 - #CBC5E9 | 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 #E8B5D6 to #CBC5E9

#E8B5D6 #CBC5E9

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

#E8B5D6 - #CBC5E9 | 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 #E8B5D6 as 0% and #CBC5E9 as 100%.

0.0%	0.0% #E8B5D6	RGB 232 181 214	#E8B5D6
16.7%	16.7% #E3B7D9	RGB 227 183 217	#E3B7D9
33.3%	33.3% #DEBADC	RGB 222 186 220	#DEBADC
50.0%	50.0% #D9BDDF	RGB 217 189 223	#D9BDDF
66.7%	66.7% #D4BFE2	RGB 212 191 226	#D4BFE2
83.3%	83.3% #CFC2E5	RGB 207 194 229	#CFC2E5
100.0%	100.0% #CBC5E9	RGB 203 197 233	#CBC5E9

#E8B5D6 #E3B7D9 #DEBADC #D9BDDF #D4BFE2 #CFC2E5 #CBC5E9

#E8B5D6 - #CBC5E9

HSV Blend

#E8B5D6 - #CBC5E9 | 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 #E8B5D6 as 0% and #CBC5E9 as 100%.

0.0%	0.0% #E8B5D6	RGB 232 181 214	#E8B5D6
16.7%	16.7% #E8B7E0	RGB 232 183 224	#E8B7E0
33.3%	33.3% #E6BAE8	RGB 230 186 232	#E6BAE8
50.0%	50.0% #DEBCE8	RGB 222 188 232	#DEBCE8
66.7%	66.7% #D6BFE8	RGB 214 191 232	#D6BFE8
83.3%	83.3% #D0C2E8	RGB 208 194 232	#D0C2E8
100.0%	100.0% #CBC5E9	RGB 203 197 233	#CBC5E9

#E8B5D6 #E8B7E0 #E6BAE8 #DEBCE8 #D6BFE8 #D0C2E8 #CBC5E9

#E8B5D6 - #DEBCE8 - #CBC5E9

CSS codes

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

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