#3E5E56 - #66B0CD | 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 #3E5E56 to #66B0CD

#3E5E56 #66B0CD

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

#3E5E56 - #66B0CD | 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 #3E5E56 as 0% and #66B0CD as 100%.

0.0%	0.0% #3E5E56	RGB 62 94 86	#3E5E56
16.7%	16.7% #446B69	RGB 68 107 105	#446B69
33.3%	33.3% #4B797D	RGB 75 121 125	#4B797D
50.0%	50.0% #528791	RGB 82 135 145	#528791
66.7%	66.7% #5894A5	RGB 88 148 165	#5894A5
83.3%	83.3% #5FA2B9	RGB 95 162 185	#5FA2B9
100.0%	100.0% #66B0CD	RGB 102 176 205	#66B0CD

#3E5E56 #446B69 #4B797D #528791 #5894A5 #5FA2B9 #66B0CD

#3E5E56 - #66B0CD

HSV Blend

#3E5E56 - #66B0CD | 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 #3E5E56 as 0% and #66B0CD as 100%.

0.0%	0.0% #3E5E56	RGB 62 94 86	#3E5E56
16.7%	16.7% #477069	RGB 71 112 105	#477069
33.3%	33.3% #4F837F	RGB 79 131 127	#4F837F
50.0%	50.0% #569495	RGB 86 148 149	#569495
66.7%	66.7% #5CA0A8	RGB 92 160 168	#5CA0A8
83.3%	83.3% #61A9BA	RGB 97 169 186	#61A9BA
100.0%	100.0% #66B0CD	RGB 102 176 205	#66B0CD

#3E5E56 #477069 #4F837F #569495 #5CA0A8 #61A9BA #66B0CD

#3E5E56 - #569495 - #66B0CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E56 0%, #569495 50%, #66B0CD 100%);
    background: -webkit-linear-gradient(top, #3E5E56 0%, #569495 50%, #66B0CD 100%);
    background: linear-gradient(to bottom, #3E5E56 0%, #569495 50%, #66B0CD 100%);
}
</style>