#DBAFB7 - #D9FFD4 | 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 #DBAFB7 to #D9FFD4

#DBAFB7 #D9FFD4

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

#DBAFB7 - #D9FFD4 | 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 #DBAFB7 as 0% and #D9FFD4 as 100%.

0.0%	0.0% #DBAFB7	RGB 219 175 183	#DBAFB7
16.7%	16.7% #DABCBB	RGB 218 188 187	#DABCBB
33.3%	33.3% #DAC9C0	RGB 218 201 192	#DAC9C0
50.0%	50.0% #DAD7C5	RGB 218 215 197	#DAD7C5
66.7%	66.7% #D9E4CA	RGB 217 228 202	#D9E4CA
83.3%	83.3% #D9F1CF	RGB 217 241 207	#D9F1CF
100.0%	100.0% #D9FFD4	RGB 217 255 212	#D9FFD4

#DBAFB7 #DABCBB #DAC9C0 #DAD7C5 #D9E4CA #D9F1CF #D9FFD4

#DBAFB7 - #D9FFD4

HSV Blend

#DBAFB7 - #D9FFD4 | 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 #DBAFB7 as 0% and #D9FFD4 as 100%.

0.0%	0.0% #DBAFB7	RGB 219 175 183	#DBAFB7
16.7%	16.7% #E1BCB5	RGB 225 188 181	#E1BCB5
33.3%	33.3% #E7D1BB	RGB 231 209 187	#E7D1BB
50.0%	50.0% #EDE6C1	RGB 237 230 193	#EDE6C1
66.7%	66.7% #EAF3C7	RGB 234 243 199	#EAF3C7
83.3%	83.3% #E1F9CD	RGB 225 249 205	#E1F9CD
100.0%	100.0% #D9FFD4	RGB 217 255 212	#D9FFD4

#DBAFB7 #E1BCB5 #E7D1BB #EDE6C1 #EAF3C7 #E1F9CD #D9FFD4

#DBAFB7 - #EDE6C1 - #D9FFD4

CSS codes

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

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