#CC7B7B - #AA302B | 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 #CC7B7B to #AA302B

#CC7B7B #AA302B

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

#CC7B7B - #AA302B | 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 #CC7B7B as 0% and #AA302B as 100%.

0.0%	0.0% #CC7B7B	RGB 204 123 123	#CC7B7B
16.7%	16.7% #C66E6D	RGB 198 110 109	#C66E6D
33.3%	33.3% #C06260	RGB 192 98 96	#C06260
50.0%	50.0% #BB5553	RGB 187 85 83	#BB5553
66.7%	66.7% #B54945	RGB 181 73 69	#B54945
83.3%	83.3% #AF3C38	RGB 175 60 56	#AF3C38
100.0%	100.0% #AA302B	RGB 170 48 43	#AA302B

#CC7B7B #C66E6D #C06260 #BB5553 #B54945 #AF3C38 #AA302B

#CC7B7B - #AA302B

HSV Blend

#CC7B7B - #AA302B | 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 #CC7B7B as 0% and #AA302B as 100%.

0.0%	0.0% #CC7B7B	RGB 204 123 123	#CC7B7B
16.7%	16.7% #C66C6C	RGB 198 108 108	#C66C6C
33.3%	33.3% #C05E5D	RGB 192 94 93	#C05E5D
50.0%	50.0% #BB5250	RGB 187 82 80	#BB5250
66.7%	66.7% #B54643	RGB 181 70 67	#B54643
83.3%	83.3% #AF3A36	RGB 175 58 54	#AF3A36
100.0%	100.0% #AA302B	RGB 170 48 43	#AA302B

#CC7B7B #C66C6C #C05E5D #BB5250 #B54643 #AF3A36 #AA302B

#CC7B7B - #BB5250 - #AA302B

CSS codes

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

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