#C95D3C - #EFD0C7 | 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 #C95D3C to #EFD0C7

#C95D3C #EFD0C7

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

#C95D3C - #EFD0C7 | 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 #C95D3C as 0% and #EFD0C7 as 100%.

0.0%	0.0% #C95D3C	RGB 201 93 60	#C95D3C
16.7%	16.7% #CF7053	RGB 207 112 83	#CF7053
33.3%	33.3% #D5836A	RGB 213 131 106	#D5836A
50.0%	50.0% #DC9681	RGB 220 150 129	#DC9681
66.7%	66.7% #E2A998	RGB 226 169 152	#E2A998
83.3%	83.3% #E8BCAF	RGB 232 188 175	#E8BCAF
100.0%	100.0% #EFD0C7	RGB 239 208 199	#EFD0C7

#C95D3C #CF7053 #D5836A #DC9681 #E2A998 #E8BCAF #EFD0C7

#C95D3C - #EFD0C7

HSV Blend

#C95D3C - #EFD0C7 | 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 #C95D3C as 0% and #EFD0C7 as 100%.

0.0%	0.0% #C95D3C	RGB 201 93 60	#C95D3C
16.7%	16.7% #CF6D50	RGB 207 109 80	#CF6D50
33.3%	33.3% #D57F65	RGB 213 127 101	#D57F65
50.0%	50.0% #DC927C	RGB 220 146 124	#DC927C
66.7%	66.7% #E2A594	RGB 226 165 148	#E2A594
83.3%	83.3% #E8BAAD	RGB 232 186 173	#E8BAAD
100.0%	100.0% #EFD0C7	RGB 239 208 199	#EFD0C7

#C95D3C #CF6D50 #D57F65 #DC927C #E2A594 #E8BAAD #EFD0C7

#C95D3C - #DC927C - #EFD0C7

CSS codes

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

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