#6B9F9F - #BDD1A1 | 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 #6B9F9F to #BDD1A1

#6B9F9F #BDD1A1

Calculate the color between two colors, #6B9F9F and #BDD1A1. 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)

#6B9F9F - #BDD1A1 | 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 #6B9F9F as 0% and #BDD1A1 as 100%.

0.0%	0.0% #6B9F9F	RGB 107 159 159	#6B9F9F
16.7%	16.7% #78A79F	RGB 120 167 159	#78A79F
33.3%	33.3% #86AF9F	RGB 134 175 159	#86AF9F
50.0%	50.0% #94B8A0	RGB 148 184 160	#94B8A0
66.7%	66.7% #A1C0A0	RGB 161 192 160	#A1C0A0
83.3%	83.3% #AFC8A0	RGB 175 200 160	#AFC8A0
100.0%	100.0% #BDD1A1	RGB 189 209 161	#BDD1A1

#6B9F9F #78A79F #86AF9F #94B8A0 #A1C0A0 #AFC8A0 #BDD1A1

#6B9F9F - #BDD1A1

HSV Blend

#6B9F9F - #BDD1A1 | 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 #6B9F9F as 0% and #BDD1A1 as 100%.

0.0%	0.0% #6B9F9F	RGB 107 159 159	#6B9F9F
16.7%	16.7% #73A799	RGB 115 167 153	#73A799
33.3%	33.3% #7BAF94	RGB 123 175 148	#7BAF94
50.0%	50.0% #84B88F	RGB 132 184 143	#84B88F
66.7%	66.7% #90C08D	RGB 144 192 141	#90C08D
83.3%	83.3% #A7C897	RGB 167 200 151	#A7C897
100.0%	100.0% #BDD1A1	RGB 189 209 161	#BDD1A1

#6B9F9F #73A799 #7BAF94 #84B88F #90C08D #A7C897 #BDD1A1

#6B9F9F - #84B88F - #BDD1A1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B9F9F 0%, #84B88F 50%, #BDD1A1 100%);
    background: -webkit-linear-gradient(top, #6B9F9F 0%, #84B88F 50%, #BDD1A1 100%);
    background: linear-gradient(to bottom, #6B9F9F 0%, #84B88F 50%, #BDD1A1 100%);
}
</style>