#8F84AB - #DFDBE7 | 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 #8F84AB to #DFDBE7

#8F84AB #DFDBE7

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

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

0.0%	0.0% #8F84AB	RGB 143 132 171	#8F84AB
16.7%	16.7% #9C92B5	RGB 156 146 181	#9C92B5
33.3%	33.3% #A9A1BF	RGB 169 161 191	#A9A1BF
50.0%	50.0% #B7AFC9	RGB 183 175 201	#B7AFC9
66.7%	66.7% #C4BED3	RGB 196 190 211	#C4BED3
83.3%	83.3% #D1CCDD	RGB 209 204 221	#D1CCDD
100.0%	100.0% #DFDBE7	RGB 223 219 231	#DFDBE7

#8F84AB #9C92B5 #A9A1BF #B7AFC9 #C4BED3 #D1CCDD #DFDBE7

#8F84AB - #DFDBE7

HSV Blend

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

0.0%	0.0% #8F84AB	RGB 143 132 171	#8F84AB
16.7%	16.7% #9B91B5	RGB 155 145 181	#9B91B5
33.3%	33.3% #A89EBF	RGB 168 158 191	#A89EBF
50.0%	50.0% #B5ACC9	RGB 181 172 201	#B5ACC9
66.7%	66.7% #C3BBD3	RGB 195 187 211	#C3BBD3
83.3%	83.3% #D0CBDD	RGB 208 203 221	#D0CBDD
100.0%	100.0% #DFDBE7	RGB 223 219 231	#DFDBE7

#8F84AB #9B91B5 #A89EBF #B5ACC9 #C3BBD3 #D0CBDD #DFDBE7

#8F84AB - #B5ACC9 - #DFDBE7

CSS codes

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

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