#DBB8C9 - #EAC8F5 | 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 #DBB8C9 to #EAC8F5

#DBB8C9 #EAC8F5

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

#DBB8C9 - #EAC8F5 | 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 #DBB8C9 as 0% and #EAC8F5 as 100%.

0.0%	0.0% #DBB8C9	RGB 219 184 201	#DBB8C9
16.7%	16.7% #DDBAD0	RGB 221 186 208	#DDBAD0
33.3%	33.3% #E0BDD7	RGB 224 189 215	#E0BDD7
50.0%	50.0% #E2C0DF	RGB 226 192 223	#E2C0DF
66.7%	66.7% #E5C2E6	RGB 229 194 230	#E5C2E6
83.3%	83.3% #E7C5ED	RGB 231 197 237	#E7C5ED
100.0%	100.0% #EAC8F5	RGB 234 200 245	#EAC8F5

#DBB8C9 #DDBAD0 #E0BDD7 #E2C0DF #E5C2E6 #E7C5ED #EAC8F5

#DBB8C9 - #EAC8F5

HSV Blend

#DBB8C9 - #EAC8F5 | 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 #DBB8C9 as 0% and #EAC8F5 as 100%.

0.0%	0.0% #DBB8C9	RGB 219 184 201	#DBB8C9
16.7%	16.7% #DFBAD1	RGB 223 186 209	#DFBAD1
33.3%	33.3% #E3BDD9	RGB 227 189 217	#E3BDD9
50.0%	50.0% #E8C0E2	RGB 232 192 226	#E8C0E2
66.7%	66.7% #ECC2EB	RGB 236 194 235	#ECC2EB
83.3%	83.3% #EBC5F0	RGB 235 197 240	#EBC5F0
100.0%	100.0% #EAC8F5	RGB 234 200 245	#EAC8F5

#DBB8C9 #DFBAD1 #E3BDD9 #E8C0E2 #ECC2EB #EBC5F0 #EAC8F5

#DBB8C9 - #E8C0E2 - #EAC8F5

CSS codes

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

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