#52181B - #CDBDBD | 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 #52181B to #CDBDBD

#52181B #CDBDBD

Calculate the color between two colors, #52181B and #CDBDBD. 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)

#52181B - #CDBDBD | 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 #52181B as 0% and #CDBDBD as 100%.

0.0%	0.0% #52181B	RGB 82 24 27	#52181B
16.7%	16.7% #663336	RGB 102 51 54	#663336
33.3%	33.3% #7B4F51	RGB 123 79 81	#7B4F51
50.0%	50.0% #8F6A6C	RGB 143 106 108	#8F6A6C
66.7%	66.7% #A48687	RGB 164 134 135	#A48687
83.3%	83.3% #B8A1A2	RGB 184 161 162	#B8A1A2
100.0%	100.0% #CDBDBD	RGB 205 189 189	#CDBDBD

#52181B #663336 #7B4F51 #8F6A6C #A48687 #B8A1A2 #CDBDBD

#52181B - #CDBDBD

HSV Blend

#52181B - #CDBDBD | 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 #52181B as 0% and #CDBDBD as 100%.

0.0%	0.0% #52181A	RGB 82 24 26	#52181A
16.7%	16.7% #66282B	RGB 102 40 43	#66282B
33.3%	33.3% #7B3D3F	RGB 123 61 63	#7B3D3F
50.0%	50.0% #8F5758	RGB 143 87 88	#8F5758
66.7%	66.7% #A47475	RGB 164 116 117	#A47475
83.3%	83.3% #B89697	RGB 184 150 151	#B89697
100.0%	100.0% #CDBDBD	RGB 205 189 189	#CDBDBD

#52181A #66282B #7B3D3F #8F5758 #A47475 #B89697 #CDBDBD

#52181B - #8F5758 - #CDBDBD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #52181A 0%, #8F5758 50%, #CDBDBD 100%);
    background: -webkit-linear-gradient(top, #52181A 0%, #8F5758 50%, #CDBDBD 100%);
    background: linear-gradient(to bottom, #52181A 0%, #8F5758 50%, #CDBDBD 100%);
}
</style>