#3E4368 - #8C8690 | 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 #3E4368 to #8C8690

#3E4368 #8C8690

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

#3E4368 - #8C8690 | 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 #3E4368 as 0% and #8C8690 as 100%.

0.0%	0.0% #3E4368	RGB 62 67 104	#3E4368
16.7%	16.7% #4B4E6E	RGB 75 78 110	#4B4E6E
33.3%	33.3% #585975	RGB 88 89 117	#585975
50.0%	50.0% #65647C	RGB 101 100 124	#65647C
66.7%	66.7% #726F82	RGB 114 111 130	#726F82
83.3%	83.3% #7F7A89	RGB 127 122 137	#7F7A89
100.0%	100.0% #8C8690	RGB 140 134 144	#8C8690

#3E4368 #4B4E6E #585975 #65647C #726F82 #7F7A89 #8C8690

#3E4368 - #8C8690

HSV Blend

#3E4368 - #8C8690 | 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 #3E4368 as 0% and #8C8690 as 100%.

0.0%	0.0% #3E4368	RGB 62 67 104	#3E4368
16.7%	16.7% #48486E	RGB 72 72 110	#48486E
33.3%	33.3% #575375	RGB 87 83 117	#575375
50.0%	50.0% #655E7C	RGB 101 94 124	#655E7C
66.7%	66.7% #736B82	RGB 115 107 130	#736B82
83.3%	83.3% #807889	RGB 128 120 137	#807889
100.0%	100.0% #8C8690	RGB 140 134 144	#8C8690

#3E4368 #48486E #575375 #655E7C #736B82 #807889 #8C8690

#3E4368 - #655E7C - #8C8690

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4368 0%, #655E7C 50%, #8C8690 100%);
    background: -webkit-linear-gradient(top, #3E4368 0%, #655E7C 50%, #8C8690 100%);
    background: linear-gradient(to bottom, #3E4368 0%, #655E7C 50%, #8C8690 100%);
}
</style>