#83ACFF - #DBE6FF | 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 #83ACFF to #DBE6FF

#83ACFF #DBE6FF

Calculate the color between two colors, #83ACFF and #DBE6FF. 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)

#83ACFF - #DBE6FF | 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 #83ACFF as 0% and #DBE6FF as 100%.

0.0%	0.0% #83ACFF	RGB 131 172 255	#83ACFF
16.7%	16.7% #91B5FF	RGB 145 181 255	#91B5FF
33.3%	33.3% #A0BFFF	RGB 160 191 255	#A0BFFF
50.0%	50.0% #AFC9FF	RGB 175 201 255	#AFC9FF
66.7%	66.7% #BDD2FF	RGB 189 210 255	#BDD2FF
83.3%	83.3% #CCDCFF	RGB 204 220 255	#CCDCFF
100.0%	100.0% #DBE6FF	RGB 219 230 255	#DBE6FF

#83ACFF #91B5FF #A0BFFF #AFC9FF #BDD2FF #CCDCFF #DBE6FF

#83ACFF - #DBE6FF

HSV Blend

#83ACFF - #DBE6FF | 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 #83ACFF as 0% and #DBE6FF as 100%.

0.0%	0.0% #83ABFF	RGB 131 171 255	#83ABFF
16.7%	16.7% #91B5FF	RGB 145 181 255	#91B5FF
33.3%	33.3% #A0BEFF	RGB 160 190 255	#A0BEFF
50.0%	50.0% #AFC8FF	RGB 175 200 255	#AFC8FF
66.7%	66.7% #BDD2FF	RGB 189 210 255	#BDD2FF
83.3%	83.3% #CCDCFF	RGB 204 220 255	#CCDCFF
100.0%	100.0% #DBE6FF	RGB 219 230 255	#DBE6FF

#83ABFF #91B5FF #A0BEFF #AFC8FF #BDD2FF #CCDCFF #DBE6FF

#83ACFF - #AFC8FF - #DBE6FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #83ABFF 0%, #AFC8FF 50%, #DBE6FF 100%);
    background: -webkit-linear-gradient(top, #83ABFF 0%, #AFC8FF 50%, #DBE6FF 100%);
    background: linear-gradient(to bottom, #83ABFF 0%, #AFC8FF 50%, #DBE6FF 100%);
}
</style>