#5E7382 - #AF9EA7 | 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 #5E7382 to #AF9EA7

#5E7382 #AF9EA7

Calculate the color between two colors, #5E7382 and #AF9EA7. 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)

#5E7382 - #AF9EA7 | 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 #5E7382 as 0% and #AF9EA7 as 100%.

0.0%	0.0% #5E7382	RGB 94 115 130	#5E7382
16.7%	16.7% #6B7A88	RGB 107 122 136	#6B7A88
33.3%	33.3% #79818E	RGB 121 129 142	#79818E
50.0%	50.0% #868894	RGB 134 136 148	#868894
66.7%	66.7% #948F9A	RGB 148 143 154	#948F9A
83.3%	83.3% #A196A0	RGB 161 150 160	#A196A0
100.0%	100.0% #AF9EA7	RGB 175 158 167	#AF9EA7

#5E7382 #6B7A88 #79818E #868894 #948F9A #A196A0 #AF9EA7

#5E7382 - #AF9EA7

HSV Blend

#5E7382 - #AF9EA7 | 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 #5E7382 as 0% and #AF9EA7 as 100%.

0.0%	0.0% #5E7382	RGB 94 115 130	#5E7382
16.7%	16.7% #676F89	RGB 103 111 137	#676F89
33.3%	33.3% #747191	RGB 116 113 145	#747191
50.0%	50.0% #887B98	RGB 136 123 152	#887B98
66.7%	66.7% #9A86A0	RGB 154 134 160	#9A86A0
83.3%	83.3% #A792A4	RGB 167 146 164	#A792A4
100.0%	100.0% #AF9EA7	RGB 175 158 167	#AF9EA7

#5E7382 #676F89 #747191 #887B98 #9A86A0 #A792A4 #AF9EA7

#5E7382 - #887B98 - #AF9EA7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7382 0%, #887B98 50%, #AF9EA7 100%);
    background: -webkit-linear-gradient(top, #5E7382 0%, #887B98 50%, #AF9EA7 100%);
    background: linear-gradient(to bottom, #5E7382 0%, #887B98 50%, #AF9EA7 100%);
}
</style>