#6DADB1 - #1F5E53 | 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 #6DADB1 to #1F5E53

#6DADB1 #1F5E53

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

#6DADB1 - #1F5E53 | 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 #6DADB1 as 0% and #1F5E53 as 100%.

0.0%	0.0% #6DADB1	RGB 109 173 177	#6DADB1
16.7%	16.7% #609FA1	RGB 96 159 161	#609FA1
33.3%	33.3% #539291	RGB 83 146 145	#539291
50.0%	50.0% #468582	RGB 70 133 130	#468582
66.7%	66.7% #397872	RGB 57 120 114	#397872
83.3%	83.3% #2C6B62	RGB 44 107 98	#2C6B62
100.0%	100.0% #1F5E53	RGB 31 94 83	#1F5E53

#6DADB1 #609FA1 #539291 #468582 #397872 #2C6B62 #1F5E53

#6DADB1 - #1F5E53

HSV Blend

#6DADB1 - #1F5E53 | 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 #6DADB1 as 0% and #1F5E53 as 100%.

0.0%	0.0% #6DACB1	RGB 109 172 177	#6DACB1
16.7%	16.7% #5CA1A3	RGB 92 161 163	#5CA1A3
33.3%	33.3% #4D9593	RGB 77 149 147	#4D9593
50.0%	50.0% #408783	RGB 64 135 131	#408783
66.7%	66.7% #337972	RGB 51 121 114	#337972
83.3%	83.3% #286B62	RGB 40 107 98	#286B62
100.0%	100.0% #1F5E53	RGB 31 94 83	#1F5E53

#6DACB1 #5CA1A3 #4D9593 #408783 #337972 #286B62 #1F5E53

#6DADB1 - #408783 - #1F5E53

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DACB1 0%, #408783 50%, #1F5E53 100%);
    background: -webkit-linear-gradient(top, #6DACB1 0%, #408783 50%, #1F5E53 100%);
    background: linear-gradient(to bottom, #6DACB1 0%, #408783 50%, #1F5E53 100%);
}
</style>