#3E3E5E - #96AA8F | 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 #3E3E5E to #96AA8F

#3E3E5E #96AA8F

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

#3E3E5E - #96AA8F | 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 #3E3E5E as 0% and #96AA8F as 100%.

0.0%	0.0% #3E3E5E	RGB 62 62 94	#3E3E5E
16.7%	16.7% #4C5066	RGB 76 80 102	#4C5066
33.3%	33.3% #5B626E	RGB 91 98 110	#5B626E
50.0%	50.0% #6A7476	RGB 106 116 118	#6A7476
66.7%	66.7% #78867E	RGB 120 134 126	#78867E
83.3%	83.3% #879886	RGB 135 152 134	#879886
100.0%	100.0% #96AA8F	RGB 150 170 143	#96AA8F

#3E3E5E #4C5066 #5B626E #6A7476 #78867E #879886 #96AA8F

#3E3E5E - #96AA8F

HSV Blend

#3E3E5E - #96AA8F | 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 #3E3E5E as 0% and #96AA8F as 100%.

0.0%	0.0% #3E3E5E	RGB 62 62 94	#3E3E5E
16.7%	16.7% #49566A	RGB 73 86 106	#49566A
33.3%	33.3% #556F77	RGB 85 111 119	#556F77
50.0%	50.0% #63847F	RGB 99 132 127	#63847F
66.7%	66.7% #709080	RGB 112 144 128	#709080
83.3%	83.3% #7F9D83	RGB 127 157 131	#7F9D83
100.0%	100.0% #96AA8F	RGB 150 170 143	#96AA8F

#3E3E5E #49566A #556F77 #63847F #709080 #7F9D83 #96AA8F

#3E3E5E - #63847F - #96AA8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E5E 0%, #63847F 50%, #96AA8F 100%);
    background: -webkit-linear-gradient(top, #3E3E5E 0%, #63847F 50%, #96AA8F 100%);
    background: linear-gradient(to bottom, #3E3E5E 0%, #63847F 50%, #96AA8F 100%);
}
</style>