#214E5E - #BFCCD1 | 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 #214E5E to #BFCCD1

#214E5E #BFCCD1

Calculate the color between two colors, #214E5E and #BFCCD1. 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)

#214E5E - #BFCCD1 | 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 #214E5E as 0% and #BFCCD1 as 100%.

0.0%	0.0% #214E5E	RGB 33 78 94	#214E5E
16.7%	16.7% #3B6371	RGB 59 99 113	#3B6371
33.3%	33.3% #557884	RGB 85 120 132	#557884
50.0%	50.0% #708D97	RGB 112 141 151	#708D97
66.7%	66.7% #8AA2AA	RGB 138 162 170	#8AA2AA
83.3%	83.3% #A4B7BD	RGB 164 183 189	#A4B7BD
100.0%	100.0% #BFCCD1	RGB 191 204 209	#BFCCD1

#214E5E #3B6371 #557884 #708D97 #8AA2AA #A4B7BD #BFCCD1

#214E5E - #BFCCD1

HSV Blend

#214E5E - #BFCCD1 | 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 #214E5E as 0% and #BFCCD1 as 100%.

0.0%	0.0% #214E5E	RGB 33 78 94	#214E5E
16.7%	16.7% #326071	RGB 50 96 113	#326071
33.3%	33.3% #477484	RGB 71 116 132	#477484
50.0%	50.0% #5F8897	RGB 95 136 151	#5F8897
66.7%	66.7% #7B9DAA	RGB 123 157 170	#7B9DAA
83.3%	83.3% #9BB4BD	RGB 155 180 189	#9BB4BD
100.0%	100.0% #BFCCD1	RGB 191 204 209	#BFCCD1

#214E5E #326071 #477484 #5F8897 #7B9DAA #9BB4BD #BFCCD1

#214E5E - #5F8897 - #BFCCD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #214E5E 0%, #5F8897 50%, #BFCCD1 100%);
    background: -webkit-linear-gradient(top, #214E5E 0%, #5F8897 50%, #BFCCD1 100%);
    background: linear-gradient(to bottom, #214E5E 0%, #5F8897 50%, #BFCCD1 100%);
}
</style>