#DBD0EB - #9176B0 | 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 #DBD0EB to #9176B0

#DBD0EB #9176B0

Calculate the color between two colors, #DBD0EB and #9176B0. 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)

#DBD0EB - #9176B0 | 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 #DBD0EB as 0% and #9176B0 as 100%.

0.0%	0.0% #DBD0EB	RGB 219 208 235	#DBD0EB
16.7%	16.7% #CEC1E1	RGB 206 193 225	#CEC1E1
33.3%	33.3% #C2B2D7	RGB 194 178 215	#C2B2D7
50.0%	50.0% #B6A3CD	RGB 182 163 205	#B6A3CD
66.7%	66.7% #A994C3	RGB 169 148 195	#A994C3
83.3%	83.3% #9D85B9	RGB 157 133 185	#9D85B9
100.0%	100.0% #9176B0	RGB 145 118 176	#9176B0

#DBD0EB #CEC1E1 #C2B2D7 #B6A3CD #A994C3 #9D85B9 #9176B0

#DBD0EB - #9176B0

HSV Blend

#DBD0EB - #9176B0 | 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 #DBD0EB as 0% and #9176B0 as 100%.

0.0%	0.0% #DBD0EB	RGB 219 208 235	#DBD0EB
16.7%	16.7% #CDBFE1	RGB 205 191 225	#CDBFE1
33.3%	33.3% #C0AFD7	RGB 192 175 215	#C0AFD7
50.0%	50.0% #B39FCD	RGB 179 159 205	#B39FCD
66.7%	66.7% #A791C3	RGB 167 145 195	#A791C3
83.3%	83.3% #9C83B9	RGB 156 131 185	#9C83B9
100.0%	100.0% #9176B0	RGB 145 118 176	#9176B0

#DBD0EB #CDBFE1 #C0AFD7 #B39FCD #A791C3 #9C83B9 #9176B0

#DBD0EB - #B39FCD - #9176B0

CSS codes

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

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