#CB2D5C - #3A0D1B | 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 #CB2D5C to #3A0D1B

#CB2D5C #3A0D1B

Calculate the color between two colors, #CB2D5C and #3A0D1B. 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)

#CB2D5C - #3A0D1B | 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 #CB2D5C as 0% and #3A0D1B as 100%.

0.0%	0.0% #CB2D5C	RGB 203 45 92	#CB2D5C
16.7%	16.7% #B22751	RGB 178 39 81	#B22751
33.3%	33.3% #9A2246	RGB 154 34 70	#9A2246
50.0%	50.0% #821D3B	RGB 130 29 59	#821D3B
66.7%	66.7% #6A1730	RGB 106 23 48	#6A1730
83.3%	83.3% #521225	RGB 82 18 37	#521225
100.0%	100.0% #3A0D1B	RGB 58 13 27	#3A0D1B

#CB2D5C #B22751 #9A2246 #821D3B #6A1730 #521225 #3A0D1B

#CB2D5C - #3A0D1B

HSV Blend

#CB2D5C - #3A0D1B | 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 #CB2D5C as 0% and #3A0D1B as 100%.

0.0%	0.0% #CB2D5C	RGB 203 45 92	#CB2D5C
16.7%	16.7% #B22751	RGB 178 39 81	#B22751
33.3%	33.3% #9A2246	RGB 154 34 70	#9A2246
50.0%	50.0% #821D3B	RGB 130 29 59	#821D3B
66.7%	66.7% #6A1731	RGB 106 23 49	#6A1731
83.3%	83.3% #521226	RGB 82 18 38	#521226
100.0%	100.0% #3A0D1B	RGB 58 13 27	#3A0D1B

#CB2D5C #B22751 #9A2246 #821D3B #6A1731 #521226 #3A0D1B

#CB2D5C - #821D3B - #3A0D1B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CB2D5C 0%, #821D3B 50%, #3A0D1B 100%);
    background: -webkit-linear-gradient(top, #CB2D5C 0%, #821D3B 50%, #3A0D1B 100%);
    background: linear-gradient(to bottom, #CB2D5C 0%, #821D3B 50%, #3A0D1B 100%);
}
</style>