#D9B2D2 - #D4D4D9 | 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 #D9B2D2 to #D4D4D9

#D9B2D2 #D4D4D9

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

#D9B2D2 - #D4D4D9 | 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 #D9B2D2 as 0% and #D4D4D9 as 100%.

0.0%	0.0% #D9B2D2	RGB 217 178 210	#D9B2D2
16.7%	16.7% #D8B7D3	RGB 216 183 211	#D8B7D3
33.3%	33.3% #D7BDD4	RGB 215 189 212	#D7BDD4
50.0%	50.0% #D6C3D5	RGB 214 195 213	#D6C3D5
66.7%	66.7% #D5C8D6	RGB 213 200 214	#D5C8D6
83.3%	83.3% #D4CED7	RGB 212 206 215	#D4CED7
100.0%	100.0% #D4D4D9	RGB 212 212 217	#D4D4D9

#D9B2D2 #D8B7D3 #D7BDD4 #D6C3D5 #D5C8D6 #D4CED7 #D4D4D9

#D9B2D2 - #D4D4D9

HSV Blend

#D9B2D2 - #D4D4D9 | 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 #D9B2D2 as 0% and #D4D4D9 as 100%.

0.0%	0.0% #D9B2D2	RGB 217 178 210	#D9B2D2
16.7%	16.7% #D8B7D9	RGB 216 183 217	#D8B7D9
33.3%	33.3% #D3BDD9	RGB 211 189 217	#D3BDD9
50.0%	50.0% #CFC3D9	RGB 207 195 217	#CFC3D9
66.7%	66.7% #CFC8D9	RGB 207 200 217	#CFC8D9
83.3%	83.3% #D0CED9	RGB 208 206 217	#D0CED9
100.0%	100.0% #D4D4D9	RGB 212 212 217	#D4D4D9

#D9B2D2 #D8B7D9 #D3BDD9 #CFC3D9 #CFC8D9 #D0CED9 #D4D4D9

#D9B2D2 - #CFC3D9 - #D4D4D9

CSS codes

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

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