#857DA7 - #DBD9E5 | 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 #857DA7 to #DBD9E5

#857DA7 #DBD9E5

Calculate the color between two colors, #857DA7 and #DBD9E5. 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)

#857DA7 - #DBD9E5 | 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 #857DA7 as 0% and #DBD9E5 as 100%.

0.0%	0.0% #857DA7	RGB 133 125 167	#857DA7
16.7%	16.7% #938CB1	RGB 147 140 177	#938CB1
33.3%	33.3% #A19BBB	RGB 161 155 187	#A19BBB
50.0%	50.0% #B0ABC6	RGB 176 171 198	#B0ABC6
66.7%	66.7% #BEBAD0	RGB 190 186 208	#BEBAD0
83.3%	83.3% #CCC9DA	RGB 204 201 218	#CCC9DA
100.0%	100.0% #DBD9E5	RGB 219 217 229	#DBD9E5

#857DA7 #938CB1 #A19BBB #B0ABC6 #BEBAD0 #CCC9DA #DBD9E5

#857DA7 - #DBD9E5

HSV Blend

#857DA7 - #DBD9E5 | 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 #857DA7 as 0% and #DBD9E5 as 100%.

0.0%	0.0% #857DA7	RGB 133 125 167	#857DA7
16.7%	16.7% #918AB1	RGB 145 138 177	#918AB1
33.3%	33.3% #9F98BB	RGB 159 152 187	#9F98BB
50.0%	50.0% #ADA7C6	RGB 173 167 198	#ADA7C6
66.7%	66.7% #BBB7D0	RGB 187 183 208	#BBB7D0
83.3%	83.3% #CBC7DA	RGB 203 199 218	#CBC7DA
100.0%	100.0% #DBD9E5	RGB 219 217 229	#DBD9E5

#857DA7 #918AB1 #9F98BB #ADA7C6 #BBB7D0 #CBC7DA #DBD9E5

#857DA7 - #ADA7C6 - #DBD9E5

CSS codes

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

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