#3C5E5E - #063D4F | 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 #3C5E5E to #063D4F

#3C5E5E #063D4F

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

#3C5E5E - #063D4F | 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 #3C5E5E as 0% and #063D4F as 100%.

0.0%	0.0% #3C5E5E	RGB 60 94 94	#3C5E5E
16.7%	16.7% #33585B	RGB 51 88 91	#33585B
33.3%	33.3% #2A5359	RGB 42 83 89	#2A5359
50.0%	50.0% #214D56	RGB 33 77 86	#214D56
66.7%	66.7% #184854	RGB 24 72 84	#184854
83.3%	83.3% #0F4251	RGB 15 66 81	#0F4251
100.0%	100.0% #063D4F	RGB 6 61 79	#063D4F

#3C5E5E #33585B #2A5359 #214D56 #184854 #0F4251 #063D4F

#3C5E5E - #063D4F

HSV Blend

#3C5E5E - #063D4F | 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 #3C5E5E as 0% and #063D4F as 100%.

0.0%	0.0% #3C5E5E	RGB 60 94 94	#3C5E5E
16.7%	16.7% #31595B	RGB 49 89 91	#31595B
33.3%	33.3% #285459	RGB 40 84 89	#285459
50.0%	50.0% #1E4F56	RGB 30 79 86	#1E4F56
66.7%	66.7% #164954	RGB 22 73 84	#164954
83.3%	83.3% #0D4351	RGB 13 67 81	#0D4351
100.0%	100.0% #063D4F	RGB 6 61 79	#063D4F

#3C5E5E #31595B #285459 #1E4F56 #164954 #0D4351 #063D4F

#3C5E5E - #1E4F56 - #063D4F

CSS codes

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

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