#B6CDD9 - #333A3E | 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 #B6CDD9 to #333A3E

#B6CDD9 #333A3E

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

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

0.0%	0.0% #B6CDD9	RGB 182 205 217	#B6CDD9
16.7%	16.7% #A0B4BF	RGB 160 180 191	#A0B4BF
33.3%	33.3% #8A9CA5	RGB 138 156 165	#8A9CA5
50.0%	50.0% #74838B	RGB 116 131 139	#74838B
66.7%	66.7% #5E6B71	RGB 94 107 113	#5E6B71
83.3%	83.3% #485257	RGB 72 82 87	#485257
100.0%	100.0% #333A3E	RGB 51 58 62	#333A3E

#B6CDD9 #A0B4BF #8A9CA5 #74838B #5E6B71 #485257 #333A3E

#B6CDD9 - #333A3E

HSV Blend

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

0.0%	0.0% #B6CDD9	RGB 182 205 217	#B6CDD9
16.7%	16.7% #9FB4BF	RGB 159 180 191	#9FB4BF
33.3%	33.3% #899BA5	RGB 137 155 165	#899BA5
50.0%	50.0% #73838B	RGB 115 131 139	#73838B
66.7%	66.7% #5E6A71	RGB 94 106 113	#5E6A71
83.3%	83.3% #485257	RGB 72 82 87	#485257
100.0%	100.0% #333A3E	RGB 51 58 62	#333A3E

#B6CDD9 #9FB4BF #899BA5 #73838B #5E6A71 #485257 #333A3E

#B6CDD9 - #73838B - #333A3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6CDD9 0%, #73838B 50%, #333A3E 100%);
    background: -webkit-linear-gradient(top, #B6CDD9 0%, #73838B 50%, #333A3E 100%);
    background: linear-gradient(to bottom, #B6CDD9 0%, #73838B 50%, #333A3E 100%);
}
</style>