#BAE2EB - #659AB9 | 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 #BAE2EB to #659AB9

#BAE2EB #659AB9

Calculate the color between two colors, #BAE2EB and #659AB9. 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)

#BAE2EB - #659AB9 | 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 #BAE2EB as 0% and #659AB9 as 100%.

0.0%	0.0% #BAE2EB	RGB 186 226 235	#BAE2EB
16.7%	16.7% #ABD6E2	RGB 171 214 226	#ABD6E2
33.3%	33.3% #9DCADA	RGB 157 202 218	#9DCADA
50.0%	50.0% #8FBED2	RGB 143 190 210	#8FBED2
66.7%	66.7% #81B2C9	RGB 129 178 201	#81B2C9
83.3%	83.3% #73A6C1	RGB 115 166 193	#73A6C1
100.0%	100.0% #659AB9	RGB 101 154 185	#659AB9

#BAE2EB #ABD6E2 #9DCADA #8FBED2 #81B2C9 #73A6C1 #659AB9

#BAE2EB - #659AB9

HSV Blend

#BAE2EB - #659AB9 | 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 #BAE2EB as 0% and #659AB9 as 100%.

0.0%	0.0% #BAE2EB	RGB 186 226 235	#BAE2EB
16.7%	16.7% #AAD6E2	RGB 170 214 226	#AAD6E2
33.3%	33.3% #9ACADA	RGB 154 202 218	#9ACADA
50.0%	50.0% #8CBED2	RGB 140 190 210	#8CBED2
66.7%	66.7% #7EB2C9	RGB 126 178 201	#7EB2C9
83.3%	83.3% #71A6C1	RGB 113 166 193	#71A6C1
100.0%	100.0% #659AB9	RGB 101 154 185	#659AB9

#BAE2EB #AAD6E2 #9ACADA #8CBED2 #7EB2C9 #71A6C1 #659AB9

#BAE2EB - #8CBED2 - #659AB9

CSS codes

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

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