#B5DFEB - #333F43 | 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 #B5DFEB to #333F43

#B5DFEB #333F43

Calculate the color between two colors, #B5DFEB and #333F43. 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)

#B5DFEB - #333F43 | 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 #B5DFEB as 0% and #333F43 as 100%.

0.0%	0.0% #B5DFEB	RGB 181 223 235	#B5DFEB
16.7%	16.7% #9FC4CF	RGB 159 196 207	#9FC4CF
33.3%	33.3% #89A9B3	RGB 137 169 179	#89A9B3
50.0%	50.0% #748F97	RGB 116 143 151	#748F97
66.7%	66.7% #5E747B	RGB 94 116 123	#5E747B
83.3%	83.3% #48595F	RGB 72 89 95	#48595F
100.0%	100.0% #333F43	RGB 51 63 67	#333F43

#B5DFEB #9FC4CF #89A9B3 #748F97 #5E747B #48595F #333F43

#B5DFEB - #333F43

HSV Blend

#B5DFEB - #333F43 | 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 #B5DFEB as 0% and #333F43 as 100%.

0.0%	0.0% #B5DFEB	RGB 181 223 235	#B5DFEB
16.7%	16.7% #9FC4CF	RGB 159 196 207	#9FC4CF
33.3%	33.3% #89A9B3	RGB 137 169 179	#89A9B3
50.0%	50.0% #738E97	RGB 115 142 151	#738E97
66.7%	66.7% #5D747B	RGB 93 116 123	#5D747B
83.3%	83.3% #48595F	RGB 72 89 95	#48595F
100.0%	100.0% #333F43	RGB 51 63 67	#333F43

#B5DFEB #9FC4CF #89A9B3 #738E97 #5D747B #48595F #333F43

#B5DFEB - #738E97 - #333F43

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5DFEB 0%, #738E97 50%, #333F43 100%);
    background: -webkit-linear-gradient(top, #B5DFEB 0%, #738E97 50%, #333F43 100%);
    background: linear-gradient(to bottom, #B5DFEB 0%, #738E97 50%, #333F43 100%);
}
</style>