#3B5E55 - #063525 | 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 #3B5E55 to #063525

#3B5E55 #063525

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

#3B5E55 - #063525 | 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 #3B5E55 as 0% and #063525 as 100%.

0.0%	0.0% #3B5E55	RGB 59 94 85	#3B5E55
16.7%	16.7% #32574D	RGB 50 87 77	#32574D
33.3%	33.3% #295045	RGB 41 80 69	#295045
50.0%	50.0% #20493D	RGB 32 73 61	#20493D
66.7%	66.7% #174235	RGB 23 66 53	#174235
83.3%	83.3% #0E3B2D	RGB 14 59 45	#0E3B2D
100.0%	100.0% #063525	RGB 6 53 37	#063525

#3B5E55 #32574D #295045 #20493D #174235 #0E3B2D #063525

#3B5E55 - #063525

HSV Blend

#3B5E55 - #063525 | 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 #3B5E55 as 0% and #063525 as 100%.

0.0%	0.0% #3B5E55	RGB 59 94 85	#3B5E55
16.7%	16.7% #2F574C	RGB 47 87 76	#2F574C
33.3%	33.3% #245043	RGB 36 80 67	#245043
50.0%	50.0% #1B493B	RGB 27 73 59	#1B493B
66.7%	66.7% #124233	RGB 18 66 51	#124233
83.3%	83.3% #0B3B2C	RGB 11 59 44	#0B3B2C
100.0%	100.0% #063525	RGB 6 53 37	#063525

#3B5E55 #2F574C #245043 #1B493B #124233 #0B3B2C #063525

#3B5E55 - #1B493B - #063525

CSS codes

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

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