#83AFE7 - #DBE8F8 | 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 #83AFE7 to #DBE8F8

#83AFE7 #DBE8F8

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

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

0.0%	0.0% #83AFE7	RGB 131 175 231	#83AFE7
16.7%	16.7% #91B8E9	RGB 145 184 233	#91B8E9
33.3%	33.3% #A0C2EC	RGB 160 194 236	#A0C2EC
50.0%	50.0% #AFCBEF	RGB 175 203 239	#AFCBEF
66.7%	66.7% #BDD5F2	RGB 189 213 242	#BDD5F2
83.3%	83.3% #CCDEF5	RGB 204 222 245	#CCDEF5
100.0%	100.0% #DBE8F8	RGB 219 232 248	#DBE8F8

#83AFE7 #91B8E9 #A0C2EC #AFCBEF #BDD5F2 #CCDEF5 #DBE8F8

#83AFE7 - #DBE8F8

HSV Blend

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

0.0%	0.0% #83AEE7	RGB 131 174 231	#83AEE7
16.7%	16.7% #90B8E9	RGB 144 184 233	#90B8E9
33.3%	33.3% #9FC1EC	RGB 159 193 236	#9FC1EC
50.0%	50.0% #ADCAEF	RGB 173 202 239	#ADCAEF
66.7%	66.7% #BCD4F2	RGB 188 212 242	#BCD4F2
83.3%	83.3% #CBDEF5	RGB 203 222 245	#CBDEF5
100.0%	100.0% #DBE8F8	RGB 219 232 248	#DBE8F8

#83AEE7 #90B8E9 #9FC1EC #ADCAEF #BCD4F2 #CBDEF5 #DBE8F8

#83AFE7 - #ADCAEF - #DBE8F8

CSS codes

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

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