#839FF1 - #DBE3FB | 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 #839FF1 to #DBE3FB

#839FF1 #DBE3FB

Calculate the color between two colors, #839FF1 and #DBE3FB. 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)

#839FF1 - #DBE3FB | 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 #839FF1 as 0% and #DBE3FB as 100%.

0.0%	0.0% #839FF1	RGB 131 159 241	#839FF1
16.7%	16.7% #91AAF2	RGB 145 170 242	#91AAF2
33.3%	33.3% #A0B5F4	RGB 160 181 244	#A0B5F4
50.0%	50.0% #AFC1F6	RGB 175 193 246	#AFC1F6
66.7%	66.7% #BDCCF7	RGB 189 204 247	#BDCCF7
83.3%	83.3% #CCD7F9	RGB 204 215 249	#CCD7F9
100.0%	100.0% #DBE3FB	RGB 219 227 251	#DBE3FB

#839FF1 #91AAF2 #A0B5F4 #AFC1F6 #BDCCF7 #CCD7F9 #DBE3FB

#839FF1 - #DBE3FB

HSV Blend

#839FF1 - #DBE3FB | 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 #839FF1 as 0% and #DBE3FB as 100%.

0.0%	0.0% #839FF1	RGB 131 159 241	#839FF1
16.7%	16.7% #91A9F2	RGB 145 169 242	#91A9F2
33.3%	33.3% #9FB5F4	RGB 159 181 244	#9FB5F4
50.0%	50.0% #AEC0F6	RGB 174 192 246	#AEC0F6
66.7%	66.7% #BCCBF7	RGB 188 203 247	#BCCBF7
83.3%	83.3% #CBD7F9	RGB 203 215 249	#CBD7F9
100.0%	100.0% #DBE3FB	RGB 219 227 251	#DBE3FB

#839FF1 #91A9F2 #9FB5F4 #AEC0F6 #BCCBF7 #CBD7F9 #DBE3FB

#839FF1 - #AEC0F6 - #DBE3FB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #839FF1 0%, #AEC0F6 50%, #DBE3FB 100%);
    background: -webkit-linear-gradient(top, #839FF1 0%, #AEC0F6 50%, #DBE3FB 100%);
    background: linear-gradient(to bottom, #839FF1 0%, #AEC0F6 50%, #DBE3FB 100%);
}
</style>