#D9B7E2 - #FFDAE6 | 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 #D9B7E2 to #FFDAE6

#D9B7E2 #FFDAE6

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

#D9B7E2 - #FFDAE6 | 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 #D9B7E2 as 0% and #FFDAE6 as 100%.

0.0%	0.0% #D9B7E2	RGB 217 183 226	#D9B7E2
16.7%	16.7% #DFBCE2	RGB 223 188 226	#DFBCE2
33.3%	33.3% #E5C2E3	RGB 229 194 227	#E5C2E3
50.0%	50.0% #ECC8E4	RGB 236 200 228	#ECC8E4
66.7%	66.7% #F2CEE4	RGB 242 206 228	#F2CEE4
83.3%	83.3% #F8D4E5	RGB 248 212 229	#F8D4E5
100.0%	100.0% #FFDAE6	RGB 255 218 230	#FFDAE6

#D9B7E2 #DFBCE2 #E5C2E3 #ECC8E4 #F2CEE4 #F8D4E5 #FFDAE6

#D9B7E2 - #FFDAE6

HSV Blend

#D9B7E2 - #FFDAE6 | 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 #D9B7E2 as 0% and #FFDAE6 as 100%.

0.0%	0.0% #D9B7E2	RGB 217 183 226	#D9B7E2
16.7%	16.7% #E4BCE6	RGB 228 188 230	#E4BCE6
33.3%	33.3% #EBC2E8	RGB 235 194 232	#EBC2E8
50.0%	50.0% #F0C8E7	RGB 240 200 231	#F0C8E7
66.7%	66.7% #F5CEE6	RGB 245 206 230	#F5CEE6
83.3%	83.3% #FAD3E5	RGB 250 211 229	#FAD3E5
100.0%	100.0% #FFDAE6	RGB 255 218 230	#FFDAE6

#D9B7E2 #E4BCE6 #EBC2E8 #F0C8E7 #F5CEE6 #FAD3E5 #FFDAE6

#D9B7E2 - #F0C8E7 - #FFDAE6

CSS codes

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

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