#C84B2D - #EFCBC3 | 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 #C84B2D to #EFCBC3

#C84B2D #EFCBC3

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

#C84B2D - #EFCBC3 | 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 #C84B2D as 0% and #EFCBC3 as 100%.

0.0%	0.0% #C84B2D	RGB 200 75 45	#C84B2D
16.7%	16.7% #CE6046	RGB 206 96 70	#CE6046
33.3%	33.3% #D5755F	RGB 213 117 95	#D5755F
50.0%	50.0% #DB8B78	RGB 219 139 120	#DB8B78
66.7%	66.7% #E2A091	RGB 226 160 145	#E2A091
83.3%	83.3% #E8B5AA	RGB 232 181 170	#E8B5AA
100.0%	100.0% #EFCBC3	RGB 239 203 195	#EFCBC3

#C84B2D #CE6046 #D5755F #DB8B78 #E2A091 #E8B5AA #EFCBC3

#C84B2D - #EFCBC3

HSV Blend

#C84B2D - #EFCBC3 | 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 #C84B2D as 0% and #EFCBC3 as 100%.

0.0%	0.0% #C84B2C	RGB 200 75 44	#C84B2C
16.7%	16.7% #CE5D42	RGB 206 93 66	#CE5D42
33.3%	33.3% #D57159	RGB 213 113 89	#D57159
50.0%	50.0% #DB8572	RGB 219 133 114	#DB8572
66.7%	66.7% #E29B8B	RGB 226 155 139	#E29B8B
83.3%	83.3% #E8B2A6	RGB 232 178 166	#E8B2A6
100.0%	100.0% #EFCBC3	RGB 239 203 195	#EFCBC3

#C84B2C #CE5D42 #D57159 #DB8572 #E29B8B #E8B2A6 #EFCBC3

#C84B2D - #DB8572 - #EFCBC3

CSS codes

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

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