#CEA8C7 - #92516B | 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 #CEA8C7 to #92516B

#CEA8C7 #92516B

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

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

0.0%	0.0% #CEA8C7	RGB 206 168 199	#CEA8C7
16.7%	16.7% #C499B7	RGB 196 153 183	#C499B7
33.3%	33.3% #BA8BA8	RGB 186 139 168	#BA8BA8
50.0%	50.0% #B07C99	RGB 176 124 153	#B07C99
66.7%	66.7% #A66E89	RGB 166 110 137	#A66E89
83.3%	83.3% #9C5F7A	RGB 156 95 122	#9C5F7A
100.0%	100.0% #92516B	RGB 146 81 107	#92516B

#CEA8C7 #C499B7 #BA8BA8 #B07C99 #A66E89 #9C5F7A #92516B

#CEA8C7 - #92516B

HSV Blend

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

0.0%	0.0% #CEA8C7	RGB 206 168 199	#CEA8C7
16.7%	16.7% #C497B8	RGB 196 151 184	#C497B8
33.3%	33.3% #BA87A9	RGB 186 135 169	#BA87A9
50.0%	50.0% #B0789A	RGB 176 120 154	#B0789A
66.7%	66.7% #A66A8A	RGB 166 106 138	#A66A8A
83.3%	83.3% #9C5D7A	RGB 156 93 122	#9C5D7A
100.0%	100.0% #92516B	RGB 146 81 107	#92516B

#CEA8C7 #C497B8 #BA87A9 #B0789A #A66A8A #9C5D7A #92516B

#CEA8C7 - #B0789A - #92516B

CSS codes

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

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