#CF6B5D - #A32A1A | 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 #CF6B5D to #A32A1A

#CF6B5D #A32A1A

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

#CF6B5D - #A32A1A | 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 #CF6B5D as 0% and #A32A1A as 100%.

0.0%	0.0% #CF6B5D	RGB 207 107 93	#CF6B5D
16.7%	16.7% #C76051	RGB 199 96 81	#C76051
33.3%	33.3% #C05546	RGB 192 85 70	#C05546
50.0%	50.0% #B94A3B	RGB 185 74 59	#B94A3B
66.7%	66.7% #B13F30	RGB 177 63 48	#B13F30
83.3%	83.3% #AA3425	RGB 170 52 37	#AA3425
100.0%	100.0% #A32A1A	RGB 163 42 26	#A32A1A

#CF6B5D #C76051 #C05546 #B94A3B #B13F30 #AA3425 #A32A1A

#CF6B5D - #A32A1A

HSV Blend

#CF6B5D - #A32A1A | 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 #CF6B5D as 0% and #A32A1A as 100%.

0.0%	0.0% #CF6B5D	RGB 207 107 93	#CF6B5D
16.7%	16.7% #C75E50	RGB 199 94 80	#C75E50
33.3%	33.3% #C05243	RGB 192 82 67	#C05243
50.0%	50.0% #B94738	RGB 185 71 56	#B94738
66.7%	66.7% #B13D2D	RGB 177 61 45	#B13D2D
83.3%	83.3% #AA3323	RGB 170 51 35	#AA3323
100.0%	100.0% #A32A1A	RGB 163 42 26	#A32A1A

#CF6B5D #C75E50 #C05243 #B94738 #B13D2D #AA3323 #A32A1A

#CF6B5D - #B94738 - #A32A1A

CSS codes

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

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