#3C3E3D - #70A8AE | 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 #3C3E3D to #70A8AE

#3C3E3D #70A8AE

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

#3C3E3D - #70A8AE | 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 #3C3E3D as 0% and #70A8AE as 100%.

0.0%	0.0% #3C3E3D	RGB 60 62 61	#3C3E3D
16.7%	16.7% #444F4F	RGB 68 79 79	#444F4F
33.3%	33.3% #4D6162	RGB 77 97 98	#4D6162
50.0%	50.0% #567375	RGB 86 115 117	#567375
66.7%	66.7% #5E8488	RGB 94 132 136	#5E8488
83.3%	83.3% #67969B	RGB 103 150 155	#67969B
100.0%	100.0% #70A8AE	RGB 112 168 174	#70A8AE

#3C3E3D #444F4F #4D6162 #567375 #5E8488 #67969B #70A8AE

#3C3E3D - #70A8AE

HSV Blend

#3C3E3D - #70A8AE | 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 #3C3E3D as 0% and #70A8AE as 100%.

0.0%	0.0% #3C3E3D	RGB 60 62 61	#3C3E3D
16.7%	16.7% #49504D	RGB 73 80 77	#49504D
33.3%	33.3% #55635F	RGB 85 99 95	#55635F
50.0%	50.0% #5F7671	RGB 95 118 113	#5F7671
66.7%	66.7% #668885	RGB 102 136 133	#668885
83.3%	83.3% #6C9B9B	RGB 108 155 155	#6C9B9B
100.0%	100.0% #70A8AE	RGB 112 168 174	#70A8AE

#3C3E3D #49504D #55635F #5F7671 #668885 #6C9B9B #70A8AE

#3C3E3D - #5F7671 - #70A8AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E3D 0%, #5F7671 50%, #70A8AE 100%);
    background: -webkit-linear-gradient(top, #3C3E3D 0%, #5F7671 50%, #70A8AE 100%);
    background: linear-gradient(to bottom, #3C3E3D 0%, #5F7671 50%, #70A8AE 100%);
}
</style>