#CD7B7B - #AB302B | 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 #CD7B7B to #AB302B

#CD7B7B #AB302B

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

#CD7B7B - #AB302B | 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 #CD7B7B as 0% and #AB302B as 100%.

0.0%	0.0% #CD7B7B	RGB 205 123 123	#CD7B7B
16.7%	16.7% #C76E6D	RGB 199 110 109	#C76E6D
33.3%	33.3% #C16260	RGB 193 98 96	#C16260
50.0%	50.0% #BC5553	RGB 188 85 83	#BC5553
66.7%	66.7% #B64945	RGB 182 73 69	#B64945
83.3%	83.3% #B03C38	RGB 176 60 56	#B03C38
100.0%	100.0% #AB302B	RGB 171 48 43	#AB302B

#CD7B7B #C76E6D #C16260 #BC5553 #B64945 #B03C38 #AB302B

#CD7B7B - #AB302B

HSV Blend

#CD7B7B - #AB302B | 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 #CD7B7B as 0% and #AB302B as 100%.

0.0%	0.0% #CD7B7B	RGB 205 123 123	#CD7B7B
16.7%	16.7% #C76C6C	RGB 199 108 108	#C76C6C
33.3%	33.3% #C15F5D	RGB 193 95 93	#C15F5D
50.0%	50.0% #BC5250	RGB 188 82 80	#BC5250
66.7%	66.7% #B64643	RGB 182 70 67	#B64643
83.3%	83.3% #B03A36	RGB 176 58 54	#B03A36
100.0%	100.0% #AB302B	RGB 171 48 43	#AB302B

#CD7B7B #C76C6C #C15F5D #BC5250 #B64643 #B03A36 #AB302B

#CD7B7B - #BC5250 - #AB302B

CSS codes

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

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