#A8C2FE - #3E76D0 | 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 #A8C2FE to #3E76D0

#A8C2FE #3E76D0

Calculate the color between two colors, #A8C2FE and #3E76D0. 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)

#A8C2FE - #3E76D0 | 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 #A8C2FE as 0% and #3E76D0 as 100%.

0.0%	0.0% #A8C2FE	RGB 168 194 254	#A8C2FE
16.7%	16.7% #96B5F6	RGB 150 181 246	#96B5F6
33.3%	33.3% #84A8EE	RGB 132 168 238	#84A8EE
50.0%	50.0% #739CE7	RGB 115 156 231	#739CE7
66.7%	66.7% #618FDF	RGB 97 143 223	#618FDF
83.3%	83.3% #4F82D7	RGB 79 130 215	#4F82D7
100.0%	100.0% #3E76D0	RGB 62 118 208	#3E76D0

#A8C2FE #96B5F6 #84A8EE #739CE7 #618FDF #4F82D7 #3E76D0

#A8C2FE - #3E76D0

HSV Blend

#A8C2FE - #3E76D0 | 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 #A8C2FE as 0% and #3E76D0 as 100%.

0.0%	0.0% #A8C2FE	RGB 168 194 254	#A8C2FE
16.7%	16.7% #94B3F6	RGB 148 179 246	#94B3F6
33.3%	33.3% #80A5EE	RGB 128 165 238	#80A5EE
50.0%	50.0% #6E98E7	RGB 110 152 231	#6E98E7
66.7%	66.7% #5D8BDF	RGB 93 139 223	#5D8BDF
83.3%	83.3% #4D80D7	RGB 77 128 215	#4D80D7
100.0%	100.0% #3E76D0	RGB 62 118 208	#3E76D0

#A8C2FE #94B3F6 #80A5EE #6E98E7 #5D8BDF #4D80D7 #3E76D0

#A8C2FE - #6E98E7 - #3E76D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C2FE 0%, #6E98E7 50%, #3E76D0 100%);
    background: -webkit-linear-gradient(top, #A8C2FE 0%, #6E98E7 50%, #3E76D0 100%);
    background: linear-gradient(to bottom, #A8C2FE 0%, #6E98E7 50%, #3E76D0 100%);
}
</style>