#D6B2C2 - #AD5E78 | 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 #D6B2C2 to #AD5E78

#D6B2C2 #AD5E78

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

#D6B2C2 - #AD5E78 | 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 #D6B2C2 as 0% and #AD5E78 as 100%.

0.0%	0.0% #D6B2C2	RGB 214 178 194	#D6B2C2
16.7%	16.7% #CFA4B5	RGB 207 164 181	#CFA4B5
33.3%	33.3% #C896A9	RGB 200 150 169	#C896A9
50.0%	50.0% #C1889D	RGB 193 136 157	#C1889D
66.7%	66.7% #BA7A90	RGB 186 122 144	#BA7A90
83.3%	83.3% #B36C84	RGB 179 108 132	#B36C84
100.0%	100.0% #AD5E78	RGB 173 94 120	#AD5E78

#D6B2C2 #CFA4B5 #C896A9 #C1889D #BA7A90 #B36C84 #AD5E78

#D6B2C2 - #AD5E78

HSV Blend

#D6B2C2 - #AD5E78 | 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 #D6B2C2 as 0% and #AD5E78 as 100%.

0.0%	0.0% #D6B2C2	RGB 214 178 194	#D6B2C2
16.7%	16.7% #CFA2B5	RGB 207 162 181	#CFA2B5
33.3%	33.3% #C893A8	RGB 200 147 168	#C893A8
50.0%	50.0% #C1859C	RGB 193 133 156	#C1859C
66.7%	66.7% #BA7790	RGB 186 119 144	#BA7790
83.3%	83.3% #B36A83	RGB 179 106 131	#B36A83
100.0%	100.0% #AD5E78	RGB 173 94 120	#AD5E78

#D6B2C2 #CFA2B5 #C893A8 #C1859C #BA7790 #B36A83 #AD5E78

#D6B2C2 - #C1859C - #AD5E78

CSS codes

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

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