#DAB8C8 - #D4C9E3 | 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 #DAB8C8 to #D4C9E3

#DAB8C8 #D4C9E3

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

#DAB8C8 - #D4C9E3 | 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 #DAB8C8 as 0% and #D4C9E3 as 100%.

0.0%	0.0% #DAB8C8	RGB 218 184 200	#DAB8C8
16.7%	16.7% #D9BACC	RGB 217 186 204	#D9BACC
33.3%	33.3% #D8BDD1	RGB 216 189 209	#D8BDD1
50.0%	50.0% #D7C0D5	RGB 215 192 213	#D7C0D5
66.7%	66.7% #D6C3DA	RGB 214 195 218	#D6C3DA
83.3%	83.3% #D5C6DE	RGB 213 198 222	#D5C6DE
100.0%	100.0% #D4C9E3	RGB 212 201 227	#D4C9E3

#DAB8C8 #D9BACC #D8BDD1 #D7C0D5 #D6C3DA #D5C6DE #D4C9E3

#DAB8C8 - #D4C9E3

HSV Blend

#DAB8C8 - #D4C9E3 | 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 #DAB8C8 as 0% and #D4C9E3 as 100%.

0.0%	0.0% #DAB8C8	RGB 218 184 200	#DAB8C8
16.7%	16.7% #DBBAD0	RGB 219 186 208	#DBBAD0
33.3%	33.3% #DDBDD7	RGB 221 189 215	#DDBDD7
50.0%	50.0% #DDC0DE	RGB 221 192 222	#DDC0DE
66.7%	66.7% #DAC3E0	RGB 218 195 224	#DAC3E0
83.3%	83.3% #D6C6E1	RGB 214 198 225	#D6C6E1
100.0%	100.0% #D4C9E3	RGB 212 201 227	#D4C9E3

#DAB8C8 #DBBAD0 #DDBDD7 #DDC0DE #DAC3E0 #D6C6E1 #D4C9E3

#DAB8C8 - #DDC0DE - #D4C9E3

CSS codes

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

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