#DBB8DA - #D4C8F5 | 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 #DBB8DA to #D4C8F5

#DBB8DA #D4C8F5

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

#DBB8DA - #D4C8F5 | 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 #DBB8DA as 0% and #D4C8F5 as 100%.

0.0%	0.0% #DBB8DA	RGB 219 184 218	#DBB8DA
16.7%	16.7% #D9BADE	RGB 217 186 222	#D9BADE
33.3%	33.3% #D8BDE3	RGB 216 189 227	#D8BDE3
50.0%	50.0% #D7C0E7	RGB 215 192 231	#D7C0E7
66.7%	66.7% #D6C2EC	RGB 214 194 236	#D6C2EC
83.3%	83.3% #D5C5F0	RGB 213 197 240	#D5C5F0
100.0%	100.0% #D4C8F5	RGB 212 200 245	#D4C8F5

#DBB8DA #D9BADE #D8BDE3 #D7C0E7 #D6C2EC #D5C5F0 #D4C8F5

#DBB8DA - #D4C8F5

HSV Blend

#DBB8DA - #D4C8F5 | 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 #DBB8DA as 0% and #D4C8F5 as 100%.

0.0%	0.0% #DBB8DA	RGB 219 184 218	#DBB8DA
16.7%	16.7% #DBBADF	RGB 219 186 223	#DBBADF
33.3%	33.3% #DBBDE3	RGB 219 189 227	#DBBDE3
50.0%	50.0% #D9C0E8	RGB 217 192 232	#D9C0E8
66.7%	66.7% #D8C2EC	RGB 216 194 236	#D8C2EC
83.3%	83.3% #D6C5F0	RGB 214 197 240	#D6C5F0
100.0%	100.0% #D4C8F5	RGB 212 200 245	#D4C8F5

#DBB8DA #DBBADF #DBBDE3 #D9C0E8 #D8C2EC #D6C5F0 #D4C8F5

#DBB8DA - #D9C0E8 - #D4C8F5

CSS codes

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

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