#B9CDF2 - #343A45 | 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 #B9CDF2 to #343A45

#B9CDF2 #343A45

Calculate the color between two colors, #B9CDF2 and #343A45. 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)

#B9CDF2 - #343A45 | 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 #B9CDF2 as 0% and #343A45 as 100%.

0.0%	0.0% #B9CDF2	RGB 185 205 242	#B9CDF2
16.7%	16.7% #A2B4D5	RGB 162 180 213	#A2B4D5
33.3%	33.3% #8C9CB8	RGB 140 156 184	#8C9CB8
50.0%	50.0% #76839B	RGB 118 131 155	#76839B
66.7%	66.7% #606B7E	RGB 96 107 126	#606B7E
83.3%	83.3% #4A5261	RGB 74 82 97	#4A5261
100.0%	100.0% #343A45	RGB 52 58 69	#343A45

#B9CDF2 #A2B4D5 #8C9CB8 #76839B #606B7E #4A5261 #343A45

#B9CDF2 - #343A45

HSV Blend

#B9CDF2 - #343A45 | 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 #B9CDF2 as 0% and #343A45 as 100%.

0.0%	0.0% #B9CDF2	RGB 185 205 242	#B9CDF2
16.7%	16.7% #A2B4D5	RGB 162 180 213	#A2B4D5
33.3%	33.3% #8C9BB8	RGB 140 155 184	#8C9BB8
50.0%	50.0% #76839B	RGB 118 131 155	#76839B
66.7%	66.7% #5F6A7E	RGB 95 106 126	#5F6A7E
83.3%	83.3% #495261	RGB 73 82 97	#495261
100.0%	100.0% #343A45	RGB 52 58 69	#343A45

#B9CDF2 #A2B4D5 #8C9BB8 #76839B #5F6A7E #495261 #343A45

#B9CDF2 - #76839B - #343A45

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9CDF2 0%, #76839B 50%, #343A45 100%);
    background: -webkit-linear-gradient(top, #B9CDF2 0%, #76839B 50%, #343A45 100%);
    background: linear-gradient(to bottom, #B9CDF2 0%, #76839B 50%, #343A45 100%);
}
</style>