#E5CDCD - #B96160 | 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 #E5CDCD to #B96160

#E5CDCD #B96160

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

#E5CDCD - #B96160 | 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 #E5CDCD as 0% and #B96160 as 100%.

0.0%	0.0% #E5CDCD	RGB 229 205 205	#E5CDCD
16.7%	16.7% #DDBBBA	RGB 221 187 186	#DDBBBA
33.3%	33.3% #D6A9A8	RGB 214 169 168	#D6A9A8
50.0%	50.0% #CF9796	RGB 207 151 150	#CF9796
66.7%	66.7% #C78584	RGB 199 133 132	#C78584
83.3%	83.3% #C07372	RGB 192 115 114	#C07372
100.0%	100.0% #B96160	RGB 185 97 96	#B96160

#E5CDCD #DDBBBA #D6A9A8 #CF9796 #C78584 #C07372 #B96160

#E5CDCD - #B96160

HSV Blend

#E5CDCD - #B96160 | 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 #E5CDCD as 0% and #B96160 as 100%.

0.0%	0.0% #E5CDCD	RGB 229 205 205	#E5CDCD
16.7%	16.7% #DDB8B8	RGB 221 184 184	#DDB8B8
33.3%	33.3% #D6A5A4	RGB 214 165 164	#D6A5A4
50.0%	50.0% #CF9292	RGB 207 146 146	#CF9292
66.7%	66.7% #C78180	RGB 199 129 128	#C78180
83.3%	83.3% #C0706F	RGB 192 112 111	#C0706F
100.0%	100.0% #B96160	RGB 185 97 96	#B96160

#E5CDCD #DDB8B8 #D6A5A4 #CF9292 #C78180 #C0706F #B96160

#E5CDCD - #CF9292 - #B96160

CSS codes

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

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