#453D64 - #8C818B | 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 #453D64 to #8C818B

#453D64 #8C818B

Calculate the color between two colors, #453D64 and #8C818B. 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)

#453D64 - #8C818B | 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 #453D64 as 0% and #8C818B as 100%.

0.0%	0.0% #453D64	RGB 69 61 100	#453D64
16.7%	16.7% #50486A	RGB 80 72 106	#50486A
33.3%	33.3% #5C5371	RGB 92 83 113	#5C5371
50.0%	50.0% #685F77	RGB 104 95 119	#685F77
66.7%	66.7% #746A7E	RGB 116 106 126	#746A7E
83.3%	83.3% #807584	RGB 128 117 132	#807584
100.0%	100.0% #8C818B	RGB 140 129 139	#8C818B

#453D64 #50486A #5C5371 #685F77 #746A7E #807584 #8C818B

#453D64 - #8C818B

HSV Blend

#453D64 - #8C818B | 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 #453D64 as 0% and #8C818B as 100%.

0.0%	0.0% #453D64	RGB 69 61 100	#453D64
16.7%	16.7% #53466A	RGB 83 70 106	#53466A
33.3%	33.3% #615071	RGB 97 80 113	#615071
50.0%	50.0% #6E5B78	RGB 110 91 120	#6E5B78
66.7%	66.7% #79677E	RGB 121 103 126	#79677E
83.3%	83.3% #847385	RGB 132 115 133	#847385
100.0%	100.0% #8C818B	RGB 140 129 139	#8C818B

#453D64 #53466A #615071 #6E5B78 #79677E #847385 #8C818B

#453D64 - #6E5B78 - #8C818B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #453D64 0%, #6E5B78 50%, #8C818B 100%);
    background: -webkit-linear-gradient(top, #453D64 0%, #6E5B78 50%, #8C818B 100%);
    background: linear-gradient(to bottom, #453D64 0%, #6E5B78 50%, #8C818B 100%);
}
</style>