#A5C5E2 - #4D84AD | 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 #A5C5E2 to #4D84AD

#A5C5E2 #4D84AD

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

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

0.0%	0.0% #A5C5E2	RGB 165 197 226	#A5C5E2
16.7%	16.7% #96BAD9	RGB 150 186 217	#96BAD9
33.3%	33.3% #87AFD0	RGB 135 175 208	#87AFD0
50.0%	50.0% #79A4C7	RGB 121 164 199	#79A4C7
66.7%	66.7% #6A99BE	RGB 106 153 190	#6A99BE
83.3%	83.3% #5B8EB5	RGB 91 142 181	#5B8EB5
100.0%	100.0% #4D84AD	RGB 77 132 173	#4D84AD

#A5C5E2 #96BAD9 #87AFD0 #79A4C7 #6A99BE #5B8EB5 #4D84AD

#A5C5E2 - #4D84AD

HSV Blend

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

0.0%	0.0% #A5C5E2	RGB 165 197 226	#A5C5E2
16.7%	16.7% #94B8D9	RGB 148 184 217	#94B8D9
33.3%	33.3% #84ADD0	RGB 132 173 208	#84ADD0
50.0%	50.0% #75A2C7	RGB 117 162 199	#75A2C7
66.7%	66.7% #6697BE	RGB 102 151 190	#6697BE
83.3%	83.3% #598DB5	RGB 89 141 181	#598DB5
100.0%	100.0% #4D84AD	RGB 77 132 173	#4D84AD

#A5C5E2 #94B8D9 #84ADD0 #75A2C7 #6697BE #598DB5 #4D84AD

#A5C5E2 - #75A2C7 - #4D84AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A5C5E2 0%, #75A2C7 50%, #4D84AD 100%);
    background: -webkit-linear-gradient(top, #A5C5E2 0%, #75A2C7 50%, #4D84AD 100%);
    background: linear-gradient(to bottom, #A5C5E2 0%, #75A2C7 50%, #4D84AD 100%);
}
</style>