#B5E1E8 - #479EC3 | 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 #B5E1E8 to #479EC3

#B5E1E8 #479EC3

Calculate the color between two colors, #B5E1E8 and #479EC3. 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)

#B5E1E8 - #479EC3 | 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 #B5E1E8 as 0% and #479EC3 as 100%.

0.0%	0.0% #B5E1E8	RGB 181 225 232	#B5E1E8
16.7%	16.7% #A2D5E1	RGB 162 213 225	#A2D5E1
33.3%	33.3% #90CADB	RGB 144 202 219	#90CADB
50.0%	50.0% #7EBFD5	RGB 126 191 213	#7EBFD5
66.7%	66.7% #6BB4CF	RGB 107 180 207	#6BB4CF
83.3%	83.3% #59A9C9	RGB 89 169 201	#59A9C9
100.0%	100.0% #479EC3	RGB 71 158 195	#479EC3

#B5E1E8 #A2D5E1 #90CADB #7EBFD5 #6BB4CF #59A9C9 #479EC3

#B5E1E8 - #479EC3

HSV Blend

#B5E1E8 - #479EC3 | 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 #B5E1E8 as 0% and #479EC3 as 100%.

0.0%	0.0% #B5E1E8	RGB 181 225 232	#B5E1E8
16.7%	16.7% #A0D7E1	RGB 160 215 225	#A0D7E1
33.3%	33.3% #8CCCDB	RGB 140 204 219	#8CCCDB
50.0%	50.0% #7AC1D5	RGB 122 193 213	#7AC1D5
66.7%	66.7% #68B6CF	RGB 104 182 207	#68B6CF
83.3%	83.3% #57AAC9	RGB 87 170 201	#57AAC9
100.0%	100.0% #479EC3	RGB 71 158 195	#479EC3

#B5E1E8 #A0D7E1 #8CCCDB #7AC1D5 #68B6CF #57AAC9 #479EC3

#B5E1E8 - #7AC1D5 - #479EC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E1E8 0%, #7AC1D5 50%, #479EC3 100%);
    background: -webkit-linear-gradient(top, #B5E1E8 0%, #7AC1D5 50%, #479EC3 100%);
    background: linear-gradient(to bottom, #B5E1E8 0%, #7AC1D5 50%, #479EC3 100%);
}
</style>