#3D4156 - #8D817E | 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 #3D4156 to #8D817E

#3D4156 #8D817E

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

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

0.0%	0.0% #3D4156	RGB 61 65 86	#3D4156
16.7%	16.7% #4A4B5C	RGB 74 75 92	#4A4B5C
33.3%	33.3% #575663	RGB 87 86 99	#575663
50.0%	50.0% #65616A	RGB 101 97 106	#65616A
66.7%	66.7% #726B70	RGB 114 107 112	#726B70
83.3%	83.3% #7F7677	RGB 127 118 119	#7F7677
100.0%	100.0% #8D817E	RGB 141 129 126	#8D817E

#3D4156 #4A4B5C #575663 #65616A #726B70 #7F7677 #8D817E

#3D4156 - #8D817E

HSV Blend

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

0.0%	0.0% #3D4156	RGB 61 65 86	#3D4156
16.7%	16.7% #4C465F	RGB 76 70 95	#4C465F
33.3%	33.3% #5F5068	RGB 95 80 104	#5F5068
50.0%	50.0% #715A71	RGB 113 90 113	#715A71
66.7%	66.7% #7A6672	RGB 122 102 114	#7A6672
83.3%	83.3% #837175	RGB 131 113 117	#837175
100.0%	100.0% #8D817E	RGB 141 129 126	#8D817E

#3D4156 #4C465F #5F5068 #715A71 #7A6672 #837175 #8D817E

#3D4156 - #715A71 - #8D817E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D4156 0%, #715A71 50%, #8D817E 100%);
    background: -webkit-linear-gradient(top, #3D4156 0%, #715A71 50%, #8D817E 100%);
    background: linear-gradient(to bottom, #3D4156 0%, #715A71 50%, #8D817E 100%);
}
</style>