#3C7F7C - #05513C | 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 #3C7F7C to #05513C

#3C7F7C #05513C

Calculate the color between two colors, #3C7F7C and #05513C. 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)

#3C7F7C - #05513C | 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 #3C7F7C as 0% and #05513C as 100%.

0.0%	0.0% #3C7F7C	RGB 60 127 124	#3C7F7C
16.7%	16.7% #327771	RGB 50 119 113	#327771
33.3%	33.3% #296F66	RGB 41 111 102	#296F66
50.0%	50.0% #20685C	RGB 32 104 92	#20685C
66.7%	66.7% #176051	RGB 23 96 81	#176051
83.3%	83.3% #0E5846	RGB 14 88 70	#0E5846
100.0%	100.0% #05513C	RGB 5 81 60	#05513C

#3C7F7C #327771 #296F66 #20685C #176051 #0E5846 #05513C

#3C7F7C - #05513C

HSV Blend

#3C7F7C - #05513C | 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 #3C7F7C as 0% and #05513C as 100%.

0.0%	0.0% #3C7F7C	RGB 60 127 124	#3C7F7C
16.7%	16.7% #307771	RGB 48 119 113	#307771
33.3%	33.3% #256F66	RGB 37 111 102	#256F66
50.0%	50.0% #1B685B	RGB 27 104 91	#1B685B
66.7%	66.7% #136050	RGB 19 96 80	#136050
83.3%	83.3% #0B5846	RGB 11 88 70	#0B5846
100.0%	100.0% #05513C	RGB 5 81 60	#05513C

#3C7F7C #307771 #256F66 #1B685B #136050 #0B5846 #05513C

#3C7F7C - #1B685B - #05513C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C7F7C 0%, #1B685B 50%, #05513C 100%);
    background: -webkit-linear-gradient(top, #3C7F7C 0%, #1B685B 50%, #05513C 100%);
    background: linear-gradient(to bottom, #3C7F7C 0%, #1B685B 50%, #05513C 100%);
}
</style>