#4E81A8 - #A8DBA9 | 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 #4E81A8 to #A8DBA9

#4E81A8 #A8DBA9

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

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

0.0%	0.0% #4E81A8	RGB 78 129 168	#4E81A8
16.7%	16.7% #5D90A8	RGB 93 144 168	#5D90A8
33.3%	33.3% #6C9FA8	RGB 108 159 168	#6C9FA8
50.0%	50.0% #7BAEA8	RGB 123 174 168	#7BAEA8
66.7%	66.7% #8ABDA8	RGB 138 189 168	#8ABDA8
83.3%	83.3% #99CCA8	RGB 153 204 168	#99CCA8
100.0%	100.0% #A8DBA9	RGB 168 219 169	#A8DBA9

#4E81A8 #5D90A8 #6C9FA8 #7BAEA8 #8ABDA8 #99CCA8 #A8DBA9

#4E81A8 - #A8DBA9

HSV Blend

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

0.0%	0.0% #4E80A8	RGB 78 128 168	#4E80A8
16.7%	16.7% #5A9FB0	RGB 90 159 176	#5A9FB0
33.3%	33.3% #68B9B5	RGB 104 185 181	#68B9B5
50.0%	50.0% #77C1AD	RGB 119 193 173	#77C1AD
66.7%	66.7% #86CAA7	RGB 134 202 167	#86CAA7
83.3%	83.3% #96D2A6	RGB 150 210 166	#96D2A6
100.0%	100.0% #A8DBA9	RGB 168 219 169	#A8DBA9

#4E80A8 #5A9FB0 #68B9B5 #77C1AD #86CAA7 #96D2A6 #A8DBA9

#4E81A8 - #77C1AD - #A8DBA9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E80A8 0%, #77C1AD 50%, #A8DBA9 100%);
    background: -webkit-linear-gradient(top, #4E80A8 0%, #77C1AD 50%, #A8DBA9 100%);
    background: linear-gradient(to bottom, #4E80A8 0%, #77C1AD 50%, #A8DBA9 100%);
}
</style>