#84849D - #DBDBE3 | 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 #84849D to #DBDBE3

#84849D #DBDBE3

Calculate the color between two colors, #84849D and #DBDBE3. 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)

#84849D - #DBDBE3 | 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 #84849D as 0% and #DBDBE3 as 100%.

0.0%	0.0% #84849D	RGB 132 132 157	#84849D
16.7%	16.7% #9292A8	RGB 146 146 168	#9292A8
33.3%	33.3% #A1A1B4	RGB 161 161 180	#A1A1B4
50.0%	50.0% #AFAFC0	RGB 175 175 192	#AFAFC0
66.7%	66.7% #BEBECB	RGB 190 190 203	#BEBECB
83.3%	83.3% #CCCCD7	RGB 204 204 215	#CCCCD7
100.0%	100.0% #DBDBE3	RGB 219 219 227	#DBDBE3

#84849D #9292A8 #A1A1B4 #AFAFC0 #BEBECB #CCCCD7 #DBDBE3

#84849D - #DBDBE3

HSV Blend

#84849D - #DBDBE3 | 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 #84849D as 0% and #DBDBE3 as 100%.

0.0%	0.0% #84849D	RGB 132 132 157	#84849D
16.7%	16.7% #9191A8	RGB 145 145 168	#9191A8
33.3%	33.3% #9F9FB4	RGB 159 159 180	#9F9FB4
50.0%	50.0% #ADADC0	RGB 173 173 192	#ADADC0
66.7%	66.7% #BCBCCB	RGB 188 188 203	#BCBCCB
83.3%	83.3% #CBCBD7	RGB 203 203 215	#CBCBD7
100.0%	100.0% #DBDBE3	RGB 219 219 227	#DBDBE3

#84849D #9191A8 #9F9FB4 #ADADC0 #BCBCCB #CBCBD7 #DBDBE3

#84849D - #ADADC0 - #DBDBE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #84849D 0%, #ADADC0 50%, #DBDBE3 100%);
    background: -webkit-linear-gradient(top, #84849D 0%, #ADADC0 50%, #DBDBE3 100%);
    background: linear-gradient(to bottom, #84849D 0%, #ADADC0 50%, #DBDBE3 100%);
}
</style>