#00625B - #B6D2D0 | 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 #00625B to #B6D2D0

#00625B #B6D2D0

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

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

0.0%	0.0% #00625B	RGB 0 98 91	#00625B
16.7%	16.7% #1E746E	RGB 30 116 110	#1E746E
33.3%	33.3% #3C8782	RGB 60 135 130	#3C8782
50.0%	50.0% #5B9A95	RGB 91 154 149	#5B9A95
66.7%	66.7% #79ACA9	RGB 121 172 169	#79ACA9
83.3%	83.3% #97BFBC	RGB 151 191 188	#97BFBC
100.0%	100.0% #B6D2D0	RGB 182 210 208	#B6D2D0

#00625B #1E746E #3C8782 #5B9A95 #79ACA9 #97BFBC #B6D2D0

#00625B - #B6D2D0

HSV Blend

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

0.0%	0.0% #00625B	RGB 0 98 91	#00625B
16.7%	16.7% #10746D	RGB 16 116 109	#10746D
33.3%	33.3% #278780	RGB 39 135 128	#278780
50.0%	50.0% #429A93	RGB 66 154 147	#429A93
66.7%	66.7% #63ACA7	RGB 99 172 167	#63ACA7
83.3%	83.3% #8ABFBB	RGB 138 191 187	#8ABFBB
100.0%	100.0% #B6D2D0	RGB 182 210 208	#B6D2D0

#00625B #10746D #278780 #429A93 #63ACA7 #8ABFBB #B6D2D0

#00625B - #429A93 - #B6D2D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00625B 0%, #429A93 50%, #B6D2D0 100%);
    background: -webkit-linear-gradient(top, #00625B 0%, #429A93 50%, #B6D2D0 100%);
    background: linear-gradient(to bottom, #00625B 0%, #429A93 50%, #B6D2D0 100%);
}
</style>