#A8C3D4 - #4D7B95 | 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 #A8C3D4 to #4D7B95

#A8C3D4 #4D7B95

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

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

0.0%	0.0% #A8C3D4	RGB 168 195 212	#A8C3D4
16.7%	16.7% #98B7C9	RGB 152 183 201	#98B7C9
33.3%	33.3% #89ABBF	RGB 137 171 191	#89ABBF
50.0%	50.0% #7A9FB4	RGB 122 159 180	#7A9FB4
66.7%	66.7% #6B93AA	RGB 107 147 170	#6B93AA
83.3%	83.3% #5C879F	RGB 92 135 159	#5C879F
100.0%	100.0% #4D7B95	RGB 77 123 149	#4D7B95

#A8C3D4 #98B7C9 #89ABBF #7A9FB4 #6B93AA #5C879F #4D7B95

#A8C3D4 - #4D7B95

HSV Blend

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

0.0%	0.0% #A8C3D4	RGB 168 195 212	#A8C3D4
16.7%	16.7% #96B5C9	RGB 150 181 201	#96B5C9
33.3%	33.3% #85A9BF	RGB 133 169 191	#85A9BF
50.0%	50.0% #769DB4	RGB 118 157 180	#769DB4
66.7%	66.7% #6791AA	RGB 103 145 170	#6791AA
83.3%	83.3% #59869F	RGB 89 134 159	#59869F
100.0%	100.0% #4D7B95	RGB 77 123 149	#4D7B95

#A8C3D4 #96B5C9 #85A9BF #769DB4 #6791AA #59869F #4D7B95

#A8C3D4 - #769DB4 - #4D7B95

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C3D4 0%, #769DB4 50%, #4D7B95 100%);
    background: -webkit-linear-gradient(top, #A8C3D4 0%, #769DB4 50%, #4D7B95 100%);
    background: linear-gradient(to bottom, #A8C3D4 0%, #769DB4 50%, #4D7B95 100%);
}
</style>