#46AFEB - #B9DFE2 | 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 #46AFEB to #B9DFE2

#46AFEB #B9DFE2

Calculate the color between two colors, #46AFEB and #B9DFE2. 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)

#46AFEB - #B9DFE2 | 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 #46AFEB as 0% and #B9DFE2 as 100%.

0.0%	0.0% #46AFEB	RGB 70 175 235	#46AFEB
16.7%	16.7% #59B7E9	RGB 89 183 233	#59B7E9
33.3%	33.3% #6CBFE8	RGB 108 191 232	#6CBFE8
50.0%	50.0% #7FC7E6	RGB 127 199 230	#7FC7E6
66.7%	66.7% #92CFE5	RGB 146 207 229	#92CFE5
83.3%	83.3% #A5D7E3	RGB 165 215 227	#A5D7E3
100.0%	100.0% #B9DFE2	RGB 185 223 226	#B9DFE2

#46AFEB #59B7E9 #6CBFE8 #7FC7E6 #92CFE5 #A5D7E3 #B9DFE2

#46AFEB - #B9DFE2

HSV Blend

#46AFEB - #B9DFE2 | 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 #46AFEB as 0% and #B9DFE2 as 100%.

0.0%	0.0% #45AFEB	RGB 69 175 235	#45AFEB
16.7%	16.7% #59BCE9	RGB 89 188 233	#59BCE9
33.3%	33.3% #6DC7E8	RGB 109 199 232	#6DC7E8
50.0%	50.0% #80D0E6	RGB 128 208 230	#80D0E6
66.7%	66.7% #93D7E5	RGB 147 215 229	#93D7E5
83.3%	83.3% #A6DCE3	RGB 166 220 227	#A6DCE3
100.0%	100.0% #B9DFE2	RGB 185 223 226	#B9DFE2

#45AFEB #59BCE9 #6DC7E8 #80D0E6 #93D7E5 #A6DCE3 #B9DFE2

#46AFEB - #80D0E6 - #B9DFE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #45AFEB 0%, #80D0E6 50%, #B9DFE2 100%);
    background: -webkit-linear-gradient(top, #45AFEB 0%, #80D0E6 50%, #B9DFE2 100%);
    background: linear-gradient(to bottom, #45AFEB 0%, #80D0E6 50%, #B9DFE2 100%);
}
</style>