#53172C - #CDBCC2 | 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 #53172C to #CDBCC2

#53172C #CDBCC2

Calculate the color between two colors, #53172C and #CDBCC2. 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)

#53172C - #CDBCC2 | 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 #53172C as 0% and #CDBCC2 as 100%.

0.0%	0.0% #53172C	RGB 83 23 44	#53172C
16.7%	16.7% #673245	RGB 103 50 69	#673245
33.3%	33.3% #7B4E5E	RGB 123 78 94	#7B4E5E
50.0%	50.0% #906977	RGB 144 105 119	#906977
66.7%	66.7% #A48590	RGB 164 133 144	#A48590
83.3%	83.3% #B8A0A9	RGB 184 160 169	#B8A0A9
100.0%	100.0% #CDBCC2	RGB 205 188 194	#CDBCC2

#53172C #673245 #7B4E5E #906977 #A48590 #B8A0A9 #CDBCC2

#53172C - #CDBCC2

HSV Blend

#53172C - #CDBCC2 | 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 #53172C as 0% and #CDBCC2 as 100%.

0.0%	0.0% #53172C	RGB 83 23 44	#53172C
16.7%	16.7% #67273D	RGB 103 39 61	#67273D
33.3%	33.3% #7B3C52	RGB 123 60 82	#7B3C52
50.0%	50.0% #90556A	RGB 144 85 106	#90556A
66.7%	66.7% #A47384	RGB 164 115 132	#A47384
83.3%	83.3% #B895A1	RGB 184 149 161	#B895A1
100.0%	100.0% #CDBCC2	RGB 205 188 194	#CDBCC2

#53172C #67273D #7B3C52 #90556A #A47384 #B895A1 #CDBCC2

#53172C - #90556A - #CDBCC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #53172C 0%, #90556A 50%, #CDBCC2 100%);
    background: -webkit-linear-gradient(top, #53172C 0%, #90556A 50%, #CDBCC2 100%);
    background: linear-gradient(to bottom, #53172C 0%, #90556A 50%, #CDBCC2 100%);
}
</style>