#A097A8 - #4B465B | 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 #A097A8 to #4B465B

#A097A8 #4B465B

Calculate the color between two colors, #A097A8 and #4B465B. 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)

#A097A8 - #4B465B | 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 #A097A8 as 0% and #4B465B as 100%.

0.0%	0.0% #A097A8	RGB 160 151 168	#A097A8
16.7%	16.7% #91899B	RGB 145 137 155	#91899B
33.3%	33.3% #837C8E	RGB 131 124 142	#837C8E
50.0%	50.0% #756E81	RGB 117 110 129	#756E81
66.7%	66.7% #676174	RGB 103 97 116	#676174
83.3%	83.3% #595367	RGB 89 83 103	#595367
100.0%	100.0% #4B465B	RGB 75 70 91	#4B465B

#A097A8 #91899B #837C8E #756E81 #676174 #595367 #4B465B

#A097A8 - #4B465B

HSV Blend

#A097A8 - #4B465B | 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 #A097A8 as 0% and #4B465B as 100%.

0.0%	0.0% #A097A8	RGB 160 151 168	#A097A8
16.7%	16.7% #91889B	RGB 145 136 155	#91889B
33.3%	33.3% #82798E	RGB 130 121 142	#82798E
50.0%	50.0% #746C81	RGB 116 108 129	#746C81
66.7%	66.7% #665E74	RGB 102 94 116	#665E74
83.3%	83.3% #585267	RGB 88 82 103	#585267
100.0%	100.0% #4B465B	RGB 75 70 91	#4B465B

#A097A8 #91889B #82798E #746C81 #665E74 #585267 #4B465B

#A097A8 - #746C81 - #4B465B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A097A8 0%, #746C81 50%, #4B465B 100%);
    background: -webkit-linear-gradient(top, #A097A8 0%, #746C81 50%, #4B465B 100%);
    background: linear-gradient(to bottom, #A097A8 0%, #746C81 50%, #4B465B 100%);
}
</style>