#E6B5C0 - #D8CAE5 | 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 #E6B5C0 to #D8CAE5

#E6B5C0 #D8CAE5

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

#E6B5C0 - #D8CAE5 | 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 #E6B5C0 as 0% and #D8CAE5 as 100%.

0.0%	0.0% #E6B5C0	RGB 230 181 192	#E6B5C0
16.7%	16.7% #E3B8C6	RGB 227 184 198	#E3B8C6
33.3%	33.3% #E1BCCC	RGB 225 188 204	#E1BCCC
50.0%	50.0% #DFBFD2	RGB 223 191 210	#DFBFD2
66.7%	66.7% #DCC3D8	RGB 220 195 216	#DCC3D8
83.3%	83.3% #DAC6DE	RGB 218 198 222	#DAC6DE
100.0%	100.0% #D8CAE5	RGB 216 202 229	#D8CAE5

#E6B5C0 #E3B8C6 #E1BCCC #DFBFD2 #DCC3D8 #DAC6DE #D8CAE5

#E6B5C0 - #D8CAE5

HSV Blend

#E6B5C0 - #D8CAE5 | 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 #E6B5C0 as 0% and #D8CAE5 as 100%.

0.0%	0.0% #E6B5C0	RGB 230 181 192	#E6B5C0
16.7%	16.7% #E5B8CC	RGB 229 184 204	#E5B8CC
33.3%	33.3% #E5BCD6	RGB 229 188 214	#E5BCD6
50.0%	50.0% #E5BFDF	RGB 229 191 223	#E5BFDF
66.7%	66.7% #E3C3E5	RGB 227 195 229	#E3C3E5
83.3%	83.3% #DCC6E5	RGB 220 198 229	#DCC6E5
100.0%	100.0% #D8CAE5	RGB 216 202 229	#D8CAE5

#E6B5C0 #E5B8CC #E5BCD6 #E5BFDF #E3C3E5 #DCC6E5 #D8CAE5

#E6B5C0 - #E5BFDF - #D8CAE5

CSS codes

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

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