#CF7A7A - #AC2F2B | 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 #CF7A7A to #AC2F2B

#CF7A7A #AC2F2B

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

#CF7A7A - #AC2F2B | 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 #CF7A7A as 0% and #AC2F2B as 100%.

0.0%	0.0% #CF7A7A	RGB 207 122 122	#CF7A7A
16.7%	16.7% #C96D6C	RGB 201 109 108	#C96D6C
33.3%	33.3% #C3615F	RGB 195 97 95	#C3615F
50.0%	50.0% #BD5452	RGB 189 84 82	#BD5452
66.7%	66.7% #B74845	RGB 183 72 69	#B74845
83.3%	83.3% #B13B38	RGB 177 59 56	#B13B38
100.0%	100.0% #AC2F2B	RGB 172 47 43	#AC2F2B

#CF7A7A #C96D6C #C3615F #BD5452 #B74845 #B13B38 #AC2F2B

#CF7A7A - #AC2F2B

HSV Blend

#CF7A7A - #AC2F2B | 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 #CF7A7A as 0% and #AC2F2B as 100%.

0.0%	0.0% #CF7A7A	RGB 207 122 122	#CF7A7A
16.7%	16.7% #C96B6B	RGB 201 107 107	#C96B6B
33.3%	33.3% #C35E5D	RGB 195 94 93	#C35E5D
50.0%	50.0% #BD514F	RGB 189 81 79	#BD514F
66.7%	66.7% #B74542	RGB 183 69 66	#B74542
83.3%	83.3% #B13936	RGB 177 57 54	#B13936
100.0%	100.0% #AC2F2B	RGB 172 47 43	#AC2F2B

#CF7A7A #C96B6B #C35E5D #BD514F #B74542 #B13936 #AC2F2B

#CF7A7A - #BD514F - #AC2F2B

CSS codes

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

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