#215C5E - #BFD0D1 | 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 #215C5E to #BFD0D1

#215C5E #BFD0D1

Calculate the color between two colors, #215C5E and #BFD0D1. 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)

#215C5E - #BFD0D1 | 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 #215C5E as 0% and #BFD0D1 as 100%.

0.0%	0.0% #215C5E	RGB 33 92 94	#215C5E
16.7%	16.7% #3B6F71	RGB 59 111 113	#3B6F71
33.3%	33.3% #558284	RGB 85 130 132	#558284
50.0%	50.0% #709697	RGB 112 150 151	#709697
66.7%	66.7% #8AA9AA	RGB 138 169 170	#8AA9AA
83.3%	83.3% #A4BCBD	RGB 164 188 189	#A4BCBD
100.0%	100.0% #BFD0D1	RGB 191 208 209	#BFD0D1

#215C5E #3B6F71 #558284 #709697 #8AA9AA #A4BCBD #BFD0D1

#215C5E - #BFD0D1

HSV Blend

#215C5E - #BFD0D1 | 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 #215C5E as 0% and #BFD0D1 as 100%.

0.0%	0.0% #215B5E	RGB 33 91 94	#215B5E
16.7%	16.7% #326E71	RGB 50 110 113	#326E71
33.3%	33.3% #478184	RGB 71 129 132	#478184
50.0%	50.0% #5F9597	RGB 95 149 151	#5F9597
66.7%	66.7% #7BA8AA	RGB 123 168 170	#7BA8AA
83.3%	83.3% #9BBCBD	RGB 155 188 189	#9BBCBD
100.0%	100.0% #BFD0D1	RGB 191 208 209	#BFD0D1

#215B5E #326E71 #478184 #5F9597 #7BA8AA #9BBCBD #BFD0D1

#215C5E - #5F9597 - #BFD0D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #215B5E 0%, #5F9597 50%, #BFD0D1 100%);
    background: -webkit-linear-gradient(top, #215B5E 0%, #5F9597 50%, #BFD0D1 100%);
    background: linear-gradient(to bottom, #215B5E 0%, #5F9597 50%, #BFD0D1 100%);
}
</style>