#D6A8A2 - #DBB7E6 | 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 #D6A8A2 to #DBB7E6

#D6A8A2 #DBB7E6

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

#D6A8A2 - #DBB7E6 | 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 #D6A8A2 as 0% and #DBB7E6 as 100%.

0.0%	0.0% #D6A8A2	RGB 214 168 162	#D6A8A2
16.7%	16.7% #D6AAAD	RGB 214 170 173	#D6AAAD
33.3%	33.3% #D7ADB8	RGB 215 173 184	#D7ADB8
50.0%	50.0% #D8AFC4	RGB 216 175 196	#D8AFC4
66.7%	66.7% #D9B2CF	RGB 217 178 207	#D9B2CF
83.3%	83.3% #DAB4DA	RGB 218 180 218	#DAB4DA
100.0%	100.0% #DBB7E6	RGB 219 183 230	#DBB7E6

#D6A8A2 #D6AAAD #D7ADB8 #D8AFC4 #D9B2CF #DAB4DA #DBB7E6

#D6A8A2 - #DBB7E6

HSV Blend

#D6A8A2 - #DBB7E6 | 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 #D6A8A2 as 0% and #DBB7E6 as 100%.

0.0%	0.0% #D6A8A2	RGB 214 168 162	#D6A8A2
16.7%	16.7% #D8A5AB	RGB 216 165 171	#D8A5AB
33.3%	33.3% #DBA8B9	RGB 219 168 185	#DBA8B9
50.0%	50.0% #DEACC8	RGB 222 172 200	#DEACC8
66.7%	66.7% #E0AFD6	RGB 224 175 214	#E0AFD6
83.3%	83.3% #E2B3E3	RGB 226 179 227	#E2B3E3
100.0%	100.0% #DBB7E6	RGB 219 183 230	#DBB7E6

#D6A8A2 #D8A5AB #DBA8B9 #DEACC8 #E0AFD6 #E2B3E3 #DBB7E6

#D6A8A2 - #DEACC8 - #DBB7E6

CSS codes

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

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