#ECDD7E - #E6BBE7 | 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 #ECDD7E to #E6BBE7

#ECDD7E #E6BBE7

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

#ECDD7E - #E6BBE7 | 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 #ECDD7E as 0% and #E6BBE7 as 100%.

0.0%	0.0% #ECDD7E	RGB 236 221 126	#ECDD7E
16.7%	16.7% #EBD78F	RGB 235 215 143	#EBD78F
33.3%	33.3% #EAD1A1	RGB 234 209 161	#EAD1A1
50.0%	50.0% #E9CCB2	RGB 233 204 178	#E9CCB2
66.7%	66.7% #E8C6C4	RGB 232 198 196	#E8C6C4
83.3%	83.3% #E7C0D5	RGB 231 192 213	#E7C0D5
100.0%	100.0% #E6BBE7	RGB 230 187 231	#E6BBE7

#ECDD7E #EBD78F #EAD1A1 #E9CCB2 #E8C6C4 #E7C0D5 #E6BBE7

#ECDD7E - #E6BBE7

HSV Blend

#ECDD7E - #E6BBE7 | 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 #ECDD7E as 0% and #E6BBE7 as 100%.

0.0%	0.0% #ECDD7E	RGB 236 221 126	#ECDD7E
16.7%	16.7% #EBBE88	RGB 235 190 136	#EBBE88
33.3%	33.3% #EAA792	RGB 234 167 146	#EAA792
50.0%	50.0% #E99CA2	RGB 233 156 162	#E99CA2
66.7%	66.7% #E8A6C0	RGB 232 166 192	#E8A6C0
83.3%	83.3% #E7B1D7	RGB 231 177 215	#E7B1D7
100.0%	100.0% #E6BBE7	RGB 230 187 231	#E6BBE7

#ECDD7E #EBBE88 #EAA792 #E99CA2 #E8A6C0 #E7B1D7 #E6BBE7

#ECDD7E - #E99CA2 - #E6BBE7

CSS codes

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

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