#A8C5C1 - #4D7588 | 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 #A8C5C1 to #4D7588

#A8C5C1 #4D7588

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

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

0.0%	0.0% #A8C5C1	RGB 168 197 193	#A8C5C1
16.7%	16.7% #98B7B7	RGB 152 183 183	#98B7B7
33.3%	33.3% #89AAAE	RGB 137 170 174	#89AAAE
50.0%	50.0% #7A9DA4	RGB 122 157 164	#7A9DA4
66.7%	66.7% #6B8F9B	RGB 107 143 155	#6B8F9B
83.3%	83.3% #5C8291	RGB 92 130 145	#5C8291
100.0%	100.0% #4D7588	RGB 77 117 136	#4D7588

#A8C5C1 #98B7B7 #89AAAE #7A9DA4 #6B8F9B #5C8291 #4D7588

#A8C5C1 - #4D7588

HSV Blend

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

0.0%	0.0% #A8C5C1	RGB 168 197 193	#A8C5C1
16.7%	16.7% #96BAB8	RGB 150 186 184	#96BAB8
33.3%	33.3% #85B0B0	RGB 133 176 176	#85B0B0
50.0%	50.0% #76A2A6	RGB 118 162 166	#76A2A6
66.7%	66.7% #67939C	RGB 103 147 156	#67939C
83.3%	83.3% #598492	RGB 89 132 146	#598492
100.0%	100.0% #4D7588	RGB 77 117 136	#4D7588

#A8C5C1 #96BAB8 #85B0B0 #76A2A6 #67939C #598492 #4D7588

#A8C5C1 - #76A2A6 - #4D7588

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C5C1 0%, #76A2A6 50%, #4D7588 100%);
    background: -webkit-linear-gradient(top, #A8C5C1 0%, #76A2A6 50%, #4D7588 100%);
    background: linear-gradient(to bottom, #A8C5C1 0%, #76A2A6 50%, #4D7588 100%);
}
</style>