#00665B - #B6D3D0 | 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 #00665B to #B6D3D0

#00665B #B6D3D0

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

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

0.0%	0.0% #00665B	RGB 0 102 91	#00665B
16.7%	16.7% #1E786E	RGB 30 120 110	#1E786E
33.3%	33.3% #3C8A82	RGB 60 138 130	#3C8A82
50.0%	50.0% #5B9C95	RGB 91 156 149	#5B9C95
66.7%	66.7% #79AEA9	RGB 121 174 169	#79AEA9
83.3%	83.3% #97C0BC	RGB 151 192 188	#97C0BC
100.0%	100.0% #B6D3D0	RGB 182 211 208	#B6D3D0

#00665B #1E786E #3C8A82 #5B9C95 #79AEA9 #97C0BC #B6D3D0

#00665B - #B6D3D0

HSV Blend

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

0.0%	0.0% #00665B	RGB 0 102 91	#00665B
16.7%	16.7% #11786D	RGB 17 120 109	#11786D
33.3%	33.3% #278A7F	RGB 39 138 127	#278A7F
50.0%	50.0% #439C93	RGB 67 156 147	#439C93
66.7%	66.7% #64AEA6	RGB 100 174 166	#64AEA6
83.3%	83.3% #8AC0BB	RGB 138 192 187	#8AC0BB
100.0%	100.0% #B6D3D0	RGB 182 211 208	#B6D3D0

#00665B #11786D #278A7F #439C93 #64AEA6 #8AC0BB #B6D3D0

#00665B - #439C93 - #B6D3D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00665B 0%, #439C93 50%, #B6D3D0 100%);
    background: -webkit-linear-gradient(top, #00665B 0%, #439C93 50%, #B6D3D0 100%);
    background: linear-gradient(to bottom, #00665B 0%, #439C93 50%, #B6D3D0 100%);
}
</style>