#B1574B - #E8CFCB | 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 #B1574B to #E8CFCB

#B1574B #E8CFCB

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

#B1574B - #E8CFCB | 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 #B1574B as 0% and #E8CFCB as 100%.

0.0%	0.0% #B1574B	RGB 177 87 75	#B1574B
16.7%	16.7% #BA6B60	RGB 186 107 96	#BA6B60
33.3%	33.3% #C37F75	RGB 195 127 117	#C37F75
50.0%	50.0% #CC938B	RGB 204 147 139	#CC938B
66.7%	66.7% #D5A7A0	RGB 213 167 160	#D5A7A0
83.3%	83.3% #DEBBB5	RGB 222 187 181	#DEBBB5
100.0%	100.0% #E8CFCB	RGB 232 207 203	#E8CFCB

#B1574B #BA6B60 #C37F75 #CC938B #D5A7A0 #DEBBB5 #E8CFCB

#B1574B - #E8CFCB

HSV Blend

#B1574B - #E8CFCB | 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 #B1574B as 0% and #E8CFCB as 100%.

0.0%	0.0% #B1574B	RGB 177 87 75	#B1574B
16.7%	16.7% #BA685C	RGB 186 104 92	#BA685C
33.3%	33.3% #C37A70	RGB 195 122 112	#C37A70
50.0%	50.0% #CC8D84	RGB 204 141 132	#CC8D84
66.7%	66.7% #D5A29A	RGB 213 162 154	#D5A29A
83.3%	83.3% #DEB8B2	RGB 222 184 178	#DEB8B2
100.0%	100.0% #E8CFCB	RGB 232 207 203	#E8CFCB

#B1574B #BA685C #C37A70 #CC8D84 #D5A29A #DEB8B2 #E8CFCB

#B1574B - #CC8D84 - #E8CFCB

CSS codes

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

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