#EACEC2 - #CF826E | 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 #EACEC2 to #CF826E

#EACEC2 #CF826E

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

#EACEC2 - #CF826E | 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 #EACEC2 as 0% and #CF826E as 100%.

0.0%	0.0% #EACEC2	RGB 234 206 194	#EACEC2
16.7%	16.7% #E5C1B4	RGB 229 193 180	#E5C1B4
33.3%	33.3% #E1B4A6	RGB 225 180 166	#E1B4A6
50.0%	50.0% #DCA898	RGB 220 168 152	#DCA898
66.7%	66.7% #D89B8A	RGB 216 155 138	#D89B8A
83.3%	83.3% #D38E7C	RGB 211 142 124	#D38E7C
100.0%	100.0% #CF826E	RGB 207 130 110	#CF826E

#EACEC2 #E5C1B4 #E1B4A6 #DCA898 #D89B8A #D38E7C #CF826E

#EACEC2 - #CF826E

HSV Blend

#EACEC2 - #CF826E | 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 #EACEC2 as 0% and #CF826E as 100%.

0.0%	0.0% #EACEC2	RGB 234 206 194	#EACEC2
16.7%	16.7% #E5C1B2	RGB 229 193 178	#E5C1B2
33.3%	33.3% #E1B4A4	RGB 225 180 164	#E1B4A4
50.0%	50.0% #DCA795	RGB 220 167 149	#DCA795
66.7%	66.7% #D89B88	RGB 216 155 136	#D89B88
83.3%	83.3% #D38E7A	RGB 211 142 122	#D38E7A
100.0%	100.0% #CF826E	RGB 207 130 110	#CF826E

#EACEC2 #E5C1B2 #E1B4A4 #DCA795 #D89B88 #D38E7A #CF826E

#EACEC2 - #DCA795 - #CF826E

CSS codes

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

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