#8287AC - #DBDCE7 | 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 #8287AC to #DBDCE7

#8287AC #DBDCE7

Calculate the color between two colors, #8287AC and #DBDCE7. 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)

#8287AC - #DBDCE7 | 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 #8287AC as 0% and #DBDCE7 as 100%.

0.0%	0.0% #8287AC	RGB 130 135 172	#8287AC
16.7%	16.7% #9095B5	RGB 144 149 181	#9095B5
33.3%	33.3% #9FA3BF	RGB 159 163 191	#9FA3BF
50.0%	50.0% #AEB1C9	RGB 174 177 201	#AEB1C9
66.7%	66.7% #BDBFD3	RGB 189 191 211	#BDBFD3
83.3%	83.3% #CCCDDD	RGB 204 205 221	#CCCDDD
100.0%	100.0% #DBDCE7	RGB 219 220 231	#DBDCE7

#8287AC #9095B5 #9FA3BF #AEB1C9 #BDBFD3 #CCCDDD #DBDCE7

#8287AC - #DBDCE7

HSV Blend

#8287AC - #DBDCE7 | 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 #8287AC as 0% and #DBDCE7 as 100%.

0.0%	0.0% #8287AC	RGB 130 135 172	#8287AC
16.7%	16.7% #8F93B5	RGB 143 147 181	#8F93B5
33.3%	33.3% #9DA0BF	RGB 157 160 191	#9DA0BF
50.0%	50.0% #ABAEC9	RGB 171 174 201	#ABAEC9
66.7%	66.7% #BABDD3	RGB 186 189 211	#BABDD3
83.3%	83.3% #CACCDD	RGB 202 204 221	#CACCDD
100.0%	100.0% #DBDCE7	RGB 219 220 231	#DBDCE7

#8287AC #8F93B5 #9DA0BF #ABAEC9 #BABDD3 #CACCDD #DBDCE7

#8287AC - #ABAEC9 - #DBDCE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8287AC 0%, #ABAEC9 50%, #DBDCE7 100%);
    background: -webkit-linear-gradient(top, #8287AC 0%, #ABAEC9 50%, #DBDCE7 100%);
    background: linear-gradient(to bottom, #8287AC 0%, #ABAEC9 50%, #DBDCE7 100%);
}
</style>