#D6B2CB - #AD5E8E | 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 #D6B2CB to #AD5E8E

#D6B2CB #AD5E8E

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

#D6B2CB - #AD5E8E | 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 #D6B2CB as 0% and #AD5E8E as 100%.

0.0%	0.0% #D6B2CB	RGB 214 178 203	#D6B2CB
16.7%	16.7% #CFA4C0	RGB 207 164 192	#CFA4C0
33.3%	33.3% #C896B6	RGB 200 150 182	#C896B6
50.0%	50.0% #C188AC	RGB 193 136 172	#C188AC
66.7%	66.7% #BA7AA2	RGB 186 122 162	#BA7AA2
83.3%	83.3% #B36C98	RGB 179 108 152	#B36C98
100.0%	100.0% #AD5E8E	RGB 173 94 142	#AD5E8E

#D6B2CB #CFA4C0 #C896B6 #C188AC #BA7AA2 #B36C98 #AD5E8E

#D6B2CB - #AD5E8E

HSV Blend

#D6B2CB - #AD5E8E | 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 #D6B2CB as 0% and #AD5E8E as 100%.

0.0%	0.0% #D6B2CB	RGB 214 178 203	#D6B2CB
16.7%	16.7% #CFA2C0	RGB 207 162 192	#CFA2C0
33.3%	33.3% #C893B6	RGB 200 147 182	#C893B6
50.0%	50.0% #C185AC	RGB 193 133 172	#C185AC
66.7%	66.7% #BA77A2	RGB 186 119 162	#BA77A2
83.3%	83.3% #B36A98	RGB 179 106 152	#B36A98
100.0%	100.0% #AD5E8E	RGB 173 94 142	#AD5E8E

#D6B2CB #CFA2C0 #C893B6 #C185AC #BA77A2 #B36A98 #AD5E8E

#D6B2CB - #C185AC - #AD5E8E

CSS codes

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

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