#B05C59 - #E8D0CF | 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 #B05C59 to #E8D0CF

#B05C59 #E8D0CF

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

#B05C59 - #E8D0CF | 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 #B05C59 as 0% and #E8D0CF as 100%.

0.0%	0.0% #B05C59	RGB 176 92 89	#B05C59
16.7%	16.7% #B96F6C	RGB 185 111 108	#B96F6C
33.3%	33.3% #C28280	RGB 194 130 128	#C28280
50.0%	50.0% #CC9694	RGB 204 150 148	#CC9694
66.7%	66.7% #D5A9A7	RGB 213 169 167	#D5A9A7
83.3%	83.3% #DEBCBB	RGB 222 188 187	#DEBCBB
100.0%	100.0% #E8D0CF	RGB 232 208 207	#E8D0CF

#B05C59 #B96F6C #C28280 #CC9694 #D5A9A7 #DEBCBB #E8D0CF

#B05C59 - #E8D0CF

HSV Blend

#B05C59 - #E8D0CF | 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 #B05C59 as 0% and #E8D0CF as 100%.

0.0%	0.0% #B05C59	RGB 176 92 89	#B05C59
16.7%	16.7% #B96C69	RGB 185 108 105	#B96C69
33.3%	33.3% #C27E7B	RGB 194 126 123	#C27E7B
50.0%	50.0% #CC908E	RGB 204 144 142	#CC908E
66.7%	66.7% #D5A4A2	RGB 213 164 162	#D5A4A2
83.3%	83.3% #DEB9B8	RGB 222 185 184	#DEB9B8
100.0%	100.0% #E8D0CF	RGB 232 208 207	#E8D0CF

#B05C59 #B96C69 #C27E7B #CC908E #D5A4A2 #DEB9B8 #E8D0CF

#B05C59 - #CC908E - #E8D0CF

CSS codes

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

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