#E4BCB5 - #CF6F60 | 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 #E4BCB5 to #CF6F60

#E4BCB5 #CF6F60

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

#E4BCB5 - #CF6F60 | 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 #E4BCB5 as 0% and #CF6F60 as 100%.

0.0%	0.0% #E4BCB5	RGB 228 188 181	#E4BCB5
16.7%	16.7% #E0AFA6	RGB 224 175 166	#E0AFA6
33.3%	33.3% #DDA298	RGB 221 162 152	#DDA298
50.0%	50.0% #D9958A	RGB 217 149 138	#D9958A
66.7%	66.7% #D6887C	RGB 214 136 124	#D6887C
83.3%	83.3% #D27B6E	RGB 210 123 110	#D27B6E
100.0%	100.0% #CF6F60	RGB 207 111 96	#CF6F60

#E4BCB5 #E0AFA6 #DDA298 #D9958A #D6887C #D27B6E #CF6F60

#E4BCB5 - #CF6F60

HSV Blend

#E4BCB5 - #CF6F60 | 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 #E4BCB5 as 0% and #CF6F60 as 100%.

0.0%	0.0% #E4BCB5	RGB 228 188 181	#E4BCB5
16.7%	16.7% #E0AEA5	RGB 224 174 165	#E0AEA5
33.3%	33.3% #DDA197	RGB 221 161 151	#DDA197
50.0%	50.0% #D99488	RGB 217 148 136	#D99488
66.7%	66.7% #D6877A	RGB 214 135 122	#D6877A
83.3%	83.3% #D27B6D	RGB 210 123 109	#D27B6D
100.0%	100.0% #CF6F60	RGB 207 111 96	#CF6F60

#E4BCB5 #E0AEA5 #DDA197 #D99488 #D6877A #D27B6D #CF6F60

#E4BCB5 - #D99488 - #CF6F60

CSS codes

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

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