#E5C7E9 - #936DAC | 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 #E5C7E9 to #936DAC

#E5C7E9 #936DAC

Calculate the color between two colors, #E5C7E9 and #936DAC. 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)

#E5C7E9 - #936DAC | 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 #E5C7E9 as 0% and #936DAC as 100%.

0.0%	0.0% #E5C7E9	RGB 229 199 233	#E5C7E9
16.7%	16.7% #D7B8DE	RGB 215 184 222	#D7B8DE
33.3%	33.3% #C9A9D4	RGB 201 169 212	#C9A9D4
50.0%	50.0% #BC9ACA	RGB 188 154 202	#BC9ACA
66.7%	66.7% #AE8BC0	RGB 174 139 192	#AE8BC0
83.3%	83.3% #A07CB6	RGB 160 124 182	#A07CB6
100.0%	100.0% #936DAC	RGB 147 109 172	#936DAC

#E5C7E9 #D7B8DE #C9A9D4 #BC9ACA #AE8BC0 #A07CB6 #936DAC

#E5C7E9 - #936DAC

HSV Blend

#E5C7E9 - #936DAC | 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 #E5C7E9 as 0% and #936DAC as 100%.

0.0%	0.0% #E5C7E9	RGB 229 199 233	#E5C7E9
16.7%	16.7% #D8B6DE	RGB 216 182 222	#D8B6DE
33.3%	33.3% #CAA6D4	RGB 202 166 212	#CAA6D4
50.0%	50.0% #BD96CA	RGB 189 150 202	#BD96CA
66.7%	66.7% #AF88C0	RGB 175 136 192	#AF88C0
83.3%	83.3% #A17AB6	RGB 161 122 182	#A17AB6
100.0%	100.0% #936DAC	RGB 147 109 172	#936DAC

#E5C7E9 #D8B6DE #CAA6D4 #BD96CA #AF88C0 #A17AB6 #936DAC

#E5C7E9 - #BD96CA - #936DAC

CSS codes

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

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