#E2E5C2 - #CACB6E | 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 #E2E5C2 to #CACB6E

#E2E5C2 #CACB6E

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

#E2E5C2 - #CACB6E | 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 #E2E5C2 as 0% and #CACB6E as 100%.

0.0%	0.0% #E2E5C2	RGB 226 229 194	#E2E5C2
16.7%	16.7% #DEE0B4	RGB 222 224 180	#DEE0B4
33.3%	33.3% #DADCA6	RGB 218 220 166	#DADCA6
50.0%	50.0% #D6D898	RGB 214 216 152	#D6D898
66.7%	66.7% #D2D38A	RGB 210 211 138	#D2D38A
83.3%	83.3% #CECF7C	RGB 206 207 124	#CECF7C
100.0%	100.0% #CACB6E	RGB 202 203 110	#CACB6E

#E2E5C2 #DEE0B4 #DADCA6 #D6D898 #D2D38A #CECF7C #CACB6E

#E2E5C2 - #CACB6E

HSV Blend

#E2E5C2 - #CACB6E | 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 #E2E5C2 as 0% and #CACB6E as 100%.

0.0%	0.0% #E2E5C2	RGB 226 229 194	#E2E5C2
16.7%	16.7% #DDE0B2	RGB 221 224 178	#DDE0B2
33.3%	33.3% #D8DCA4	RGB 216 220 164	#D8DCA4
50.0%	50.0% #D4D896	RGB 212 216 150	#D4D896
66.7%	66.7% #D0D388	RGB 208 211 136	#D0D388
83.3%	83.3% #CDCF7A	RGB 205 207 122	#CDCF7A
100.0%	100.0% #CACB6E	RGB 202 203 110	#CACB6E

#E2E5C2 #DDE0B2 #D8DCA4 #D4D896 #D0D388 #CDCF7A #CACB6E

#E2E5C2 - #D4D896 - #CACB6E

CSS codes

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

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