#6B9F8C - #1D6651 | 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 #6B9F8C to #1D6651

#6B9F8C #1D6651

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

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

0.0%	0.0% #6B9F8C	RGB 107 159 140	#6B9F8C
16.7%	16.7% #5E9582	RGB 94 149 130	#5E9582
33.3%	33.3% #518C78	RGB 81 140 120	#518C78
50.0%	50.0% #44826E	RGB 68 130 110	#44826E
66.7%	66.7% #377964	RGB 55 121 100	#377964
83.3%	83.3% #2A6F5A	RGB 42 111 90	#2A6F5A
100.0%	100.0% #1D6651	RGB 29 102 81	#1D6651

#6B9F8C #5E9582 #518C78 #44826E #377964 #2A6F5A #1D6651

#6B9F8C - #1D6651

HSV Blend

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

0.0%	0.0% #6B9F8C	RGB 107 159 140	#6B9F8C
16.7%	16.7% #5A9580	RGB 90 149 128	#5A9580
33.3%	33.3% #4C8C76	RGB 76 140 118	#4C8C76
50.0%	50.0% #3E826C	RGB 62 130 108	#3E826C
66.7%	66.7% #327962	RGB 50 121 98	#327962
83.3%	83.3% #266F59	RGB 38 111 89	#266F59
100.0%	100.0% #1D6651	RGB 29 102 81	#1D6651

#6B9F8C #5A9580 #4C8C76 #3E826C #327962 #266F59 #1D6651

#6B9F8C - #3E826C - #1D6651

CSS codes

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

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