#DBD5DF - #8F849F | 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 #DBD5DF to #8F849F

#DBD5DF #8F849F

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

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

0.0%	0.0% #DBD5DF	RGB 219 213 223	#DBD5DF
16.7%	16.7% #CEC7D4	RGB 206 199 212	#CEC7D4
33.3%	33.3% #C1BAC9	RGB 193 186 201	#C1BAC9
50.0%	50.0% #B5ACBF	RGB 181 172 191	#B5ACBF
66.7%	66.7% #A89FB4	RGB 168 159 180	#A89FB4
83.3%	83.3% #9B91A9	RGB 155 145 169	#9B91A9
100.0%	100.0% #8F849F	RGB 143 132 159	#8F849F

#DBD5DF #CEC7D4 #C1BAC9 #B5ACBF #A89FB4 #9B91A9 #8F849F

#DBD5DF - #8F849F

HSV Blend

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

0.0%	0.0% #DBD5DF	RGB 219 213 223	#DBD5DF
16.7%	16.7% #CEC6D4	RGB 206 198 212	#CEC6D4
33.3%	33.3% #C1B8C9	RGB 193 184 201	#C1B8C9
50.0%	50.0% #B4AABF	RGB 180 170 191	#B4AABF
66.7%	66.7% #A89DB4	RGB 168 157 180	#A89DB4
83.3%	83.3% #9B90A9	RGB 155 144 169	#9B90A9
100.0%	100.0% #8F849F	RGB 143 132 159	#8F849F

#DBD5DF #CEC6D4 #C1B8C9 #B4AABF #A89DB4 #9B90A9 #8F849F

#DBD5DF - #B4AABF - #8F849F

CSS codes

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

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