#00596C - #B6CFD5 | 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 #00596C to #B6CFD5

#00596C #B6CFD5

Calculate the color between two colors, #00596C and #B6CFD5. 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)

#00596C - #B6CFD5 | 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 #00596C as 0% and #B6CFD5 as 100%.

0.0%	0.0% #00596C	RGB 0 89 108	#00596C
16.7%	16.7% #1E6C7D	RGB 30 108 125	#1E6C7D
33.3%	33.3% #3C808F	RGB 60 128 143	#3C808F
50.0%	50.0% #5B94A0	RGB 91 148 160	#5B94A0
66.7%	66.7% #79A7B2	RGB 121 167 178	#79A7B2
83.3%	83.3% #97BBC3	RGB 151 187 195	#97BBC3
100.0%	100.0% #B6CFD5	RGB 182 207 213	#B6CFD5

#00596C #1E6C7D #3C808F #5B94A0 #79A7B2 #97BBC3 #B6CFD5

#00596C - #B6CFD5

HSV Blend

#00596C - #B6CFD5 | 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 #00596C as 0% and #B6CFD5 as 100%.

0.0%	0.0% #00586C	RGB 0 88 108	#00586C
16.7%	16.7% #116A7D	RGB 17 106 125	#116A7D
33.3%	33.3% #287C8F	RGB 40 124 143	#287C8F
50.0%	50.0% #448FA0	RGB 68 143 160	#448FA0
66.7%	66.7% #65A3B2	RGB 101 163 178	#65A3B2
83.3%	83.3% #8BB8C3	RGB 139 184 195	#8BB8C3
100.0%	100.0% #B6CFD5	RGB 182 207 213	#B6CFD5

#00586C #116A7D #287C8F #448FA0 #65A3B2 #8BB8C3 #B6CFD5

#00596C - #448FA0 - #B6CFD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00586C 0%, #448FA0 50%, #B6CFD5 100%);
    background: -webkit-linear-gradient(top, #00586C 0%, #448FA0 50%, #B6CFD5 100%);
    background: linear-gradient(to bottom, #00586C 0%, #448FA0 50%, #B6CFD5 100%);
}
</style>