#C34C3E - #EDCBC7 | 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 #C34C3E to #EDCBC7

#C34C3E #EDCBC7

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

#C34C3E - #EDCBC7 | 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 #C34C3E as 0% and #EDCBC7 as 100%.

0.0%	0.0% #C34C3E	RGB 195 76 62	#C34C3E
16.7%	16.7% #CA6154	RGB 202 97 84	#CA6154
33.3%	33.3% #D1766B	RGB 209 118 107	#D1766B
50.0%	50.0% #D88B82	RGB 216 139 130	#D88B82
66.7%	66.7% #DFA099	RGB 223 160 153	#DFA099
83.3%	83.3% #E6B5B0	RGB 230 181 176	#E6B5B0
100.0%	100.0% #EDCBC7	RGB 237 203 199	#EDCBC7

#C34C3E #CA6154 #D1766B #D88B82 #DFA099 #E6B5B0 #EDCBC7

#C34C3E - #EDCBC7

HSV Blend

#C34C3E - #EDCBC7 | 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 #C34C3E as 0% and #EDCBC7 as 100%.

0.0%	0.0% #C34C3E	RGB 195 76 62	#C34C3E
16.7%	16.7% #CA5E51	RGB 202 94 81	#CA5E51
33.3%	33.3% #D17166	RGB 209 113 102	#D17166
50.0%	50.0% #D8867D	RGB 216 134 125	#D8867D
66.7%	66.7% #DF9C94	RGB 223 156 148	#DF9C94
83.3%	83.3% #E6B3AD	RGB 230 179 173	#E6B3AD
100.0%	100.0% #EDCBC7	RGB 237 203 199	#EDCBC7

#C34C3E #CA5E51 #D17166 #D8867D #DF9C94 #E6B3AD #EDCBC7

#C34C3E - #D8867D - #EDCBC7

CSS codes

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

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