#DAB8E7 - #FED5E6 | 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 #DAB8E7 to #FED5E6

#DAB8E7 #FED5E6

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

#DAB8E7 - #FED5E6 | 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 #DAB8E7 as 0% and #FED5E6 as 100%.

0.0%	0.0% #DAB8E7	RGB 218 184 231	#DAB8E7
16.7%	16.7% #E0BCE6	RGB 224 188 230	#E0BCE6
33.3%	33.3% #E6C1E6	RGB 230 193 230	#E6C1E6
50.0%	50.0% #ECC6E6	RGB 236 198 230	#ECC6E6
66.7%	66.7% #F2CBE6	RGB 242 203 230	#F2CBE6
83.3%	83.3% #F8D0E6	RGB 248 208 230	#F8D0E6
100.0%	100.0% #FED5E6	RGB 254 213 230	#FED5E6

#DAB8E7 #E0BCE6 #E6C1E6 #ECC6E6 #F2CBE6 #F8D0E6 #FED5E6

#DAB8E7 - #FED5E6

HSV Blend

#DAB8E7 - #FED5E6 | 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 #DAB8E7 as 0% and #FED5E6 as 100%.

0.0%	0.0% #DAB8E7	RGB 218 184 231	#DAB8E7
16.7%	16.7% #E4BCEA	RGB 228 188 234	#E4BCEA
33.3%	33.3% #EEC1EE	RGB 238 193 238	#EEC1EE
50.0%	50.0% #F2C6EB	RGB 242 198 235	#F2C6EB
66.7%	66.7% #F6CBE9	RGB 246 203 233	#F6CBE9
83.3%	83.3% #FAD0E7	RGB 250 208 231	#FAD0E7
100.0%	100.0% #FED5E6	RGB 254 213 230	#FED5E6

#DAB8E7 #E4BCEA #EEC1EE #F2C6EB #F6CBE9 #FAD0E7 #FED5E6

#DAB8E7 - #F2C6EB - #FED5E6

CSS codes

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

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