#52414C - #CDC8CB | 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 #52414C to #CDC8CB

#52414C #CDC8CB

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

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

0.0%	0.0% #52414C	RGB 82 65 76	#52414C
16.7%	16.7% #665761	RGB 102 87 97	#665761
33.3%	33.3% #7B6E76	RGB 123 110 118	#7B6E76
50.0%	50.0% #8F848B	RGB 143 132 139	#8F848B
66.7%	66.7% #A49BA0	RGB 164 155 160	#A49BA0
83.3%	83.3% #B8B1B5	RGB 184 177 181	#B8B1B5
100.0%	100.0% #CDC8CB	RGB 205 200 203	#CDC8CB

#52414C #665761 #7B6E76 #8F848B #A49BA0 #B8B1B5 #CDC8CB

#52414C - #CDC8CB

HSV Blend

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

0.0%	0.0% #52414C	RGB 82 65 76	#52414C
16.7%	16.7% #66545F	RGB 102 84 95	#66545F
33.3%	33.3% #7B6974	RGB 123 105 116	#7B6974
50.0%	50.0% #8F7E89	RGB 143 126 137	#8F7E89
66.7%	66.7% #A4969E	RGB 164 150 158	#A4969E
83.3%	83.3% #B8AEB4	RGB 184 174 180	#B8AEB4
100.0%	100.0% #CDC8CB	RGB 205 200 203	#CDC8CB

#52414C #66545F #7B6974 #8F7E89 #A4969E #B8AEB4 #CDC8CB

#52414C - #8F7E89 - #CDC8CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #52414C 0%, #8F7E89 50%, #CDC8CB 100%);
    background: -webkit-linear-gradient(top, #52414C 0%, #8F7E89 50%, #CDC8CB 100%);
    background: linear-gradient(to bottom, #52414C 0%, #8F7E89 50%, #CDC8CB 100%);
}
</style>