#B5E2EA - #334042 | 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 #B5E2EA to #334042

#B5E2EA #334042

Calculate the color between two colors, #B5E2EA and #334042. 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)

#B5E2EA - #334042 | 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 #B5E2EA as 0% and #334042 as 100%.

0.0%	0.0% #B5E2EA	RGB 181 226 234	#B5E2EA
16.7%	16.7% #9FC7CE	RGB 159 199 206	#9FC7CE
33.3%	33.3% #89ACB2	RGB 137 172 178	#89ACB2
50.0%	50.0% #749196	RGB 116 145 150	#749196
66.7%	66.7% #5E767A	RGB 94 118 122	#5E767A
83.3%	83.3% #485B5E	RGB 72 91 94	#485B5E
100.0%	100.0% #334042	RGB 51 64 66	#334042

#B5E2EA #9FC7CE #89ACB2 #749196 #5E767A #485B5E #334042

#B5E2EA - #334042

HSV Blend

#B5E2EA - #334042 | 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 #B5E2EA as 0% and #334042 as 100%.

0.0%	0.0% #B5E2EA	RGB 181 226 234	#B5E2EA
16.7%	16.7% #9FC7CE	RGB 159 199 206	#9FC7CE
33.3%	33.3% #89ACB2	RGB 137 172 178	#89ACB2
50.0%	50.0% #739196	RGB 115 145 150	#739196
66.7%	66.7% #5E767A	RGB 94 118 122	#5E767A
83.3%	83.3% #485B5E	RGB 72 91 94	#485B5E
100.0%	100.0% #334042	RGB 51 64 66	#334042

#B5E2EA #9FC7CE #89ACB2 #739196 #5E767A #485B5E #334042

#B5E2EA - #739196 - #334042

CSS codes

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

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