#8FBAE4 - #DFEAF7 | 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 #8FBAE4 to #DFEAF7

#8FBAE4 #DFEAF7

Calculate the color between two colors, #8FBAE4 and #DFEAF7. 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)

#8FBAE4 - #DFEAF7 | 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 #8FBAE4 as 0% and #DFEAF7 as 100%.

0.0%	0.0% #8FBAE4	RGB 143 186 228	#8FBAE4
16.7%	16.7% #9CC2E7	RGB 156 194 231	#9CC2E7
33.3%	33.3% #A9CAEA	RGB 169 202 234	#A9CAEA
50.0%	50.0% #B7D2ED	RGB 183 210 237	#B7D2ED
66.7%	66.7% #C4DAF0	RGB 196 218 240	#C4DAF0
83.3%	83.3% #D1E2F3	RGB 209 226 243	#D1E2F3
100.0%	100.0% #DFEAF7	RGB 223 234 247	#DFEAF7

#8FBAE4 #9CC2E7 #A9CAEA #B7D2ED #C4DAF0 #D1E2F3 #DFEAF7

#8FBAE4 - #DFEAF7

HSV Blend

#8FBAE4 - #DFEAF7 | 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 #8FBAE4 as 0% and #DFEAF7 as 100%.

0.0%	0.0% #8FBAE4	RGB 143 186 228	#8FBAE4
16.7%	16.7% #9BC1E7	RGB 155 193 231	#9BC1E7
33.3%	33.3% #A8C8EA	RGB 168 200 234	#A8C8EA
50.0%	50.0% #B5D0ED	RGB 181 208 237	#B5D0ED
66.7%	66.7% #C3D8F0	RGB 195 216 240	#C3D8F0
83.3%	83.3% #D0E1F3	RGB 208 225 243	#D0E1F3
100.0%	100.0% #DFEAF7	RGB 223 234 247	#DFEAF7

#8FBAE4 #9BC1E7 #A8C8EA #B5D0ED #C3D8F0 #D0E1F3 #DFEAF7

#8FBAE4 - #B5D0ED - #DFEAF7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8FBAE4 0%, #B5D0ED 50%, #DFEAF7 100%);
    background: -webkit-linear-gradient(top, #8FBAE4 0%, #B5D0ED 50%, #DFEAF7 100%);
    background: linear-gradient(to bottom, #8FBAE4 0%, #B5D0ED 50%, #DFEAF7 100%);
}
</style>