#D0B2C7 - #AD5E94 | 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 #D0B2C7 to #AD5E94

#D0B2C7 #AD5E94

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

#D0B2C7 - #AD5E94 | 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 #D0B2C7 as 0% and #AD5E94 as 100%.

0.0%	0.0% #D0B2C7	RGB 208 178 199	#D0B2C7
16.7%	16.7% #CAA4BE	RGB 202 164 190	#CAA4BE
33.3%	33.3% #C496B6	RGB 196 150 182	#C496B6
50.0%	50.0% #BE88AD	RGB 190 136 173	#BE88AD
66.7%	66.7% #B87AA5	RGB 184 122 165	#B87AA5
83.3%	83.3% #B26C9C	RGB 178 108 156	#B26C9C
100.0%	100.0% #AD5E94	RGB 173 94 148	#AD5E94

#D0B2C7 #CAA4BE #C496B6 #BE88AD #B87AA5 #B26C9C #AD5E94

#D0B2C7 - #AD5E94

HSV Blend

#D0B2C7 - #AD5E94 | 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 #D0B2C7 as 0% and #AD5E94 as 100%.

0.0%	0.0% #D0B2C7	RGB 208 178 199	#D0B2C7
16.7%	16.7% #CAA2BE	RGB 202 162 190	#CAA2BE
33.3%	33.3% #C493B5	RGB 196 147 181	#C493B5
50.0%	50.0% #BE85AC	RGB 190 133 172	#BE85AC
66.7%	66.7% #B877A4	RGB 184 119 164	#B877A4
83.3%	83.3% #B26A9C	RGB 178 106 156	#B26A9C
100.0%	100.0% #AD5E94	RGB 173 94 148	#AD5E94

#D0B2C7 #CAA2BE #C493B5 #BE85AC #B877A4 #B26A9C #AD5E94

#D0B2C7 - #BE85AC - #AD5E94

CSS codes

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

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