#807ECC - #DBDAF0 | 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 #807ECC to #DBDAF0

#807ECC #DBDAF0

Calculate the color between two colors, #807ECC and #DBDAF0. 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)

#807ECC - #DBDAF0 | 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 #807ECC as 0% and #DBDAF0 as 100%.

0.0%	0.0% #807ECC	RGB 128 126 204	#807ECC
16.7%	16.7% #8F8DD2	RGB 143 141 210	#8F8DD2
33.3%	33.3% #9E9CD8	RGB 158 156 216	#9E9CD8
50.0%	50.0% #ADACDE	RGB 173 172 222	#ADACDE
66.7%	66.7% #BCBBE4	RGB 188 187 228	#BCBBE4
83.3%	83.3% #CBCAEA	RGB 203 202 234	#CBCAEA
100.0%	100.0% #DBDAF0	RGB 219 218 240	#DBDAF0

#807ECC #8F8DD2 #9E9CD8 #ADACDE #BCBBE4 #CBCAEA #DBDAF0

#807ECC - #DBDAF0

HSV Blend

#807ECC - #DBDAF0 | 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 #807ECC as 0% and #DBDAF0 as 100%.

0.0%	0.0% #807ECC	RGB 128 126 204	#807ECC
16.7%	16.7% #8D8BD2	RGB 141 139 210	#8D8BD2
33.3%	33.3% #9C9AD8	RGB 156 154 216	#9C9AD8
50.0%	50.0% #ABA9DE	RGB 171 169 222	#ABA9DE
66.7%	66.7% #BAB9E4	RGB 186 185 228	#BAB9E4
83.3%	83.3% #CAC9EA	RGB 202 201 234	#CAC9EA
100.0%	100.0% #DBDAF0	RGB 219 218 240	#DBDAF0

#807ECC #8D8BD2 #9C9AD8 #ABA9DE #BAB9E4 #CAC9EA #DBDAF0

#807ECC - #ABA9DE - #DBDAF0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #807ECC 0%, #ABA9DE 50%, #DBDAF0 100%);
    background: -webkit-linear-gradient(top, #807ECC 0%, #ABA9DE 50%, #DBDAF0 100%);
    background: linear-gradient(to bottom, #807ECC 0%, #ABA9DE 50%, #DBDAF0 100%);
}
</style>