#CEB2B8 - #9A5E6B | 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 #CEB2B8 to #9A5E6B

#CEB2B8 #9A5E6B

Calculate the color between two colors, #CEB2B8 and #9A5E6B. 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)

#CEB2B8 - #9A5E6B | 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 #CEB2B8 as 0% and #9A5E6B as 100%.

0.0%	0.0% #CEB2B8	RGB 206 178 184	#CEB2B8
16.7%	16.7% #C5A4AB	RGB 197 164 171	#C5A4AB
33.3%	33.3% #BC969E	RGB 188 150 158	#BC969E
50.0%	50.0% #B48891	RGB 180 136 145	#B48891
66.7%	66.7% #AB7A84	RGB 171 122 132	#AB7A84
83.3%	83.3% #A26C77	RGB 162 108 119	#A26C77
100.0%	100.0% #9A5E6B	RGB 154 94 107	#9A5E6B

#CEB2B8 #C5A4AB #BC969E #B48891 #AB7A84 #A26C77 #9A5E6B

#CEB2B8 - #9A5E6B

HSV Blend

#CEB2B8 - #9A5E6B | 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 #CEB2B8 as 0% and #9A5E6B as 100%.

0.0%	0.0% #CEB2B8	RGB 206 178 184	#CEB2B8
16.7%	16.7% #C5A2A9	RGB 197 162 169	#C5A2A9
33.3%	33.3% #BC939C	RGB 188 147 156	#BC939C
50.0%	50.0% #B4848E	RGB 180 132 142	#B4848E
66.7%	66.7% #AB7782	RGB 171 119 130	#AB7782
83.3%	83.3% #A26A76	RGB 162 106 118	#A26A76
100.0%	100.0% #9A5E6B	RGB 154 94 107	#9A5E6B

#CEB2B8 #C5A2A9 #BC939C #B4848E #AB7782 #A26A76 #9A5E6B

#CEB2B8 - #B4848E - #9A5E6B

CSS codes

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

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