#DBD1E2 - #8F7CA3 | 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 #DBD1E2 to #8F7CA3

#DBD1E2 #8F7CA3

Calculate the color between two colors, #DBD1E2 and #8F7CA3. 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)

#DBD1E2 - #8F7CA3 | 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 #DBD1E2 as 0% and #8F7CA3 as 100%.

0.0%	0.0% #DBD1E2	RGB 219 209 226	#DBD1E2
16.7%	16.7% #CEC2D7	RGB 206 194 215	#CEC2D7
33.3%	33.3% #C1B4CD	RGB 193 180 205	#C1B4CD
50.0%	50.0% #B5A6C2	RGB 181 166 194	#B5A6C2
66.7%	66.7% #A898B8	RGB 168 152 184	#A898B8
83.3%	83.3% #9B8AAD	RGB 155 138 173	#9B8AAD
100.0%	100.0% #8F7CA3	RGB 143 124 163	#8F7CA3

#DBD1E2 #CEC2D7 #C1B4CD #B5A6C2 #A898B8 #9B8AAD #8F7CA3

#DBD1E2 - #8F7CA3

HSV Blend

#DBD1E2 - #8F7CA3 | 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 #DBD1E2 as 0% and #8F7CA3 as 100%.

0.0%	0.0% #DBD1E2	RGB 219 209 226	#DBD1E2
16.7%	16.7% #CEC1D7	RGB 206 193 215	#CEC1D7
33.3%	33.3% #C1B2CD	RGB 193 178 205	#C1B2CD
50.0%	50.0% #B4A3C2	RGB 180 163 194	#B4A3C2
66.7%	66.7% #A796B8	RGB 167 150 184	#A796B8
83.3%	83.3% #9B88AD	RGB 155 136 173	#9B88AD
100.0%	100.0% #8F7CA3	RGB 143 124 163	#8F7CA3

#DBD1E2 #CEC1D7 #C1B2CD #B4A3C2 #A796B8 #9B88AD #8F7CA3

#DBD1E2 - #B4A3C2 - #8F7CA3

CSS codes

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

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