#86849B - #DBDBE2 | 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 #86849B to #DBDBE2

#86849B #DBDBE2

Calculate the color between two colors, #86849B and #DBDBE2. 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)

#86849B - #DBDBE2 | 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 #86849B as 0% and #DBDBE2 as 100%.

0.0%	0.0% #86849B	RGB 134 132 155	#86849B
16.7%	16.7% #9492A6	RGB 148 146 166	#9492A6
33.3%	33.3% #A2A1B2	RGB 162 161 178	#A2A1B2
50.0%	50.0% #B0AFBE	RGB 176 175 190	#B0AFBE
66.7%	66.7% #BEBECA	RGB 190 190 202	#BEBECA
83.3%	83.3% #CCCCD6	RGB 204 204 214	#CCCCD6
100.0%	100.0% #DBDBE2	RGB 219 219 226	#DBDBE2

#86849B #9492A6 #A2A1B2 #B0AFBE #BEBECA #CCCCD6 #DBDBE2

#86849B - #DBDBE2

HSV Blend

#86849B - #DBDBE2 | 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 #86849B as 0% and #DBDBE2 as 100%.

0.0%	0.0% #86849B	RGB 134 132 155	#86849B
16.7%	16.7% #9291A6	RGB 146 145 166	#9291A6
33.3%	33.3% #A09FB2	RGB 160 159 178	#A09FB2
50.0%	50.0% #AEADBE	RGB 174 173 190	#AEADBE
66.7%	66.7% #BCBCCA	RGB 188 188 202	#BCBCCA
83.3%	83.3% #CBCBD6	RGB 203 203 214	#CBCBD6
100.0%	100.0% #DBDBE2	RGB 219 219 226	#DBDBE2

#86849B #9291A6 #A09FB2 #AEADBE #BCBCCA #CBCBD6 #DBDBE2

#86849B - #AEADBE - #DBDBE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #86849B 0%, #AEADBE 50%, #DBDBE2 100%);
    background: -webkit-linear-gradient(top, #86849B 0%, #AEADBE 50%, #DBDBE2 100%);
    background: linear-gradient(to bottom, #86849B 0%, #AEADBE 50%, #DBDBE2 100%);
}
</style>