#AAC3C5 - #5E7184 | 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 #AAC3C5 to #5E7184

#AAC3C5 #5E7184

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

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

0.0%	0.0% #AAC3C5	RGB 170 195 197	#AAC3C5
16.7%	16.7% #9DB5BA	RGB 157 181 186	#9DB5BA
33.3%	33.3% #90A7AF	RGB 144 167 175	#90A7AF
50.0%	50.0% #849AA4	RGB 132 154 164	#849AA4
66.7%	66.7% #778C99	RGB 119 140 153	#778C99
83.3%	83.3% #6A7E8E	RGB 106 126 142	#6A7E8E
100.0%	100.0% #5E7184	RGB 94 113 132	#5E7184

#AAC3C5 #9DB5BA #90A7AF #849AA4 #778C99 #6A7E8E #5E7184

#AAC3C5 - #5E7184

HSV Blend

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

0.0%	0.0% #AAC3C5	RGB 170 195 197	#AAC3C5
16.7%	16.7% #9BB5BA	RGB 155 181 186	#9BB5BA
33.3%	33.3% #8EA8AF	RGB 142 168 175	#8EA8AF
50.0%	50.0% #819AA4	RGB 129 154 164	#819AA4
66.7%	66.7% #758C99	RGB 117 140 153	#758C99
83.3%	83.3% #697E8E	RGB 105 126 142	#697E8E
100.0%	100.0% #5E7184	RGB 94 113 132	#5E7184

#AAC3C5 #9BB5BA #8EA8AF #819AA4 #758C99 #697E8E #5E7184

#AAC3C5 - #819AA4 - #5E7184

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAC3C5 0%, #819AA4 50%, #5E7184 100%);
    background: -webkit-linear-gradient(top, #AAC3C5 0%, #819AA4 50%, #5E7184 100%);
    background: linear-gradient(to bottom, #AAC3C5 0%, #819AA4 50%, #5E7184 100%);
}
</style>