#A6C5E5 - #4C75AF | 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 #A6C5E5 to #4C75AF

#A6C5E5 #4C75AF

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

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

0.0%	0.0% #A6C5E5	RGB 166 197 229	#A6C5E5
16.7%	16.7% #97B7DC	RGB 151 183 220	#97B7DC
33.3%	33.3% #88AAD3	RGB 136 170 211	#88AAD3
50.0%	50.0% #799DCA	RGB 121 157 202	#799DCA
66.7%	66.7% #6A8FC1	RGB 106 143 193	#6A8FC1
83.3%	83.3% #5B82B8	RGB 91 130 184	#5B82B8
100.0%	100.0% #4C75AF	RGB 76 117 175	#4C75AF

#A6C5E5 #97B7DC #88AAD3 #799DCA #6A8FC1 #5B82B8 #4C75AF

#A6C5E5 - #4C75AF

HSV Blend

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

0.0%	0.0% #A6C5E5	RGB 166 197 229	#A6C5E5
16.7%	16.7% #94B6DC	RGB 148 182 220	#94B6DC
33.3%	33.3% #84A9D3	RGB 132 169 211	#84A9D3
50.0%	50.0% #759BCA	RGB 117 155 202	#759BCA
66.7%	66.7% #668EC1	RGB 102 142 193	#668EC1
83.3%	83.3% #5881B8	RGB 88 129 184	#5881B8
100.0%	100.0% #4C75AF	RGB 76 117 175	#4C75AF

#A6C5E5 #94B6DC #84A9D3 #759BCA #668EC1 #5881B8 #4C75AF

#A6C5E5 - #759BCA - #4C75AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A6C5E5 0%, #759BCA 50%, #4C75AF 100%);
    background: -webkit-linear-gradient(top, #A6C5E5 0%, #759BCA 50%, #4C75AF 100%);
    background: linear-gradient(to bottom, #A6C5E5 0%, #759BCA 50%, #4C75AF 100%);
}
</style>