#531724 - #CDBCC0 | 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 #531724 to #CDBCC0

#531724 #CDBCC0

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

#531724 - #CDBCC0 | 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 #531724 as 0% and #CDBCC0 as 100%.

0.0%	0.0% #531724	RGB 83 23 36	#531724
16.7%	16.7% #67323E	RGB 103 50 62	#67323E
33.3%	33.3% #7B4E58	RGB 123 78 88	#7B4E58
50.0%	50.0% #906972	RGB 144 105 114	#906972
66.7%	66.7% #A4858C	RGB 164 133 140	#A4858C
83.3%	83.3% #B8A0A6	RGB 184 160 166	#B8A0A6
100.0%	100.0% #CDBCC0	RGB 205 188 192	#CDBCC0

#531724 #67323E #7B4E58 #906972 #A4858C #B8A0A6 #CDBCC0

#531724 - #CDBCC0

HSV Blend

#531724 - #CDBCC0 | 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 #531724 as 0% and #CDBCC0 as 100%.

0.0%	0.0% #531724	RGB 83 23 36	#531724
16.7%	16.7% #672735	RGB 103 39 53	#672735
33.3%	33.3% #7B3C4A	RGB 123 60 74	#7B3C4A
50.0%	50.0% #905563	RGB 144 85 99	#905563
66.7%	66.7% #A4737E	RGB 164 115 126	#A4737E
83.3%	83.3% #B8959D	RGB 184 149 157	#B8959D
100.0%	100.0% #CDBCC0	RGB 205 188 192	#CDBCC0

#531724 #672735 #7B3C4A #905563 #A4737E #B8959D #CDBCC0

#531724 - #905563 - #CDBCC0

CSS codes

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

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