#00494B - #B6CBCB | 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 #00494B to #B6CBCB

#00494B #B6CBCB

Calculate the color between two colors, #00494B and #B6CBCB. 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)

#00494B - #B6CBCB | 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 #00494B as 0% and #B6CBCB as 100%.

0.0%	0.0% #00494B	RGB 0 73 75	#00494B
16.7%	16.7% #1E5E60	RGB 30 94 96	#1E5E60
33.3%	33.3% #3C7475	RGB 60 116 117	#3C7475
50.0%	50.0% #5B8A8B	RGB 91 138 139	#5B8A8B
66.7%	66.7% #799FA0	RGB 121 159 160	#799FA0
83.3%	83.3% #97B5B5	RGB 151 181 181	#97B5B5
100.0%	100.0% #B6CBCB	RGB 182 203 203	#B6CBCB

#00494B #1E5E60 #3C7475 #5B8A8B #799FA0 #97B5B5 #B6CBCB

#00494B - #B6CBCB

HSV Blend

#00494B - #B6CBCB | 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 #00494B as 0% and #B6CBCB as 100%.

0.0%	0.0% #00494B	RGB 0 73 75	#00494B
16.7%	16.7% #0E5E60	RGB 14 94 96	#0E5E60
33.3%	33.3% #237475	RGB 35 116 117	#237475
50.0%	50.0% #3E898B	RGB 62 137 139	#3E898B
66.7%	66.7% #5F9FA0	RGB 95 159 160	#5F9FA0
83.3%	83.3% #87B5B5	RGB 135 181 181	#87B5B5
100.0%	100.0% #B6CBCB	RGB 182 203 203	#B6CBCB

#00494B #0E5E60 #237475 #3E898B #5F9FA0 #87B5B5 #B6CBCB

#00494B - #3E898B - #B6CBCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00494B 0%, #3E898B 50%, #B6CBCB 100%);
    background: -webkit-linear-gradient(top, #00494B 0%, #3E898B 50%, #B6CBCB 100%);
    background: linear-gradient(to bottom, #00494B 0%, #3E898B 50%, #B6CBCB 100%);
}
</style>