#849CD6 - #DBE2F3 | 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 #849CD6 to #DBE2F3

#849CD6 #DBE2F3

Calculate the color between two colors, #849CD6 and #DBE2F3. 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)

#849CD6 - #DBE2F3 | 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 #849CD6 as 0% and #DBE2F3 as 100%.

0.0%	0.0% #849CD6	RGB 132 156 214	#849CD6
16.7%	16.7% #92A7DA	RGB 146 167 218	#92A7DA
33.3%	33.3% #A1B3DF	RGB 161 179 223	#A1B3DF
50.0%	50.0% #AFBFE4	RGB 175 191 228	#AFBFE4
66.7%	66.7% #BECAE9	RGB 190 202 233	#BECAE9
83.3%	83.3% #CCD6EE	RGB 204 214 238	#CCD6EE
100.0%	100.0% #DBE2F3	RGB 219 226 243	#DBE2F3

#849CD6 #92A7DA #A1B3DF #AFBFE4 #BECAE9 #CCD6EE #DBE2F3

#849CD6 - #DBE2F3

HSV Blend

#849CD6 - #DBE2F3 | 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 #849CD6 as 0% and #DBE2F3 as 100%.

0.0%	0.0% #849CD6	RGB 132 156 214	#849CD6
16.7%	16.7% #91A6DA	RGB 145 166 218	#91A6DA
33.3%	33.3% #9FB2DF	RGB 159 178 223	#9FB2DF
50.0%	50.0% #ADBDE4	RGB 173 189 228	#ADBDE4
66.7%	66.7% #BCC9E9	RGB 188 201 233	#BCC9E9
83.3%	83.3% #CBD5EE	RGB 203 213 238	#CBD5EE
100.0%	100.0% #DBE2F3	RGB 219 226 243	#DBE2F3

#849CD6 #91A6DA #9FB2DF #ADBDE4 #BCC9E9 #CBD5EE #DBE2F3

#849CD6 - #ADBDE4 - #DBE2F3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #849CD6 0%, #ADBDE4 50%, #DBE2F3 100%);
    background: -webkit-linear-gradient(top, #849CD6 0%, #ADBDE4 50%, #DBE2F3 100%);
    background: linear-gradient(to bottom, #849CD6 0%, #ADBDE4 50%, #DBE2F3 100%);
}
</style>