#3C9ECC - #AACAFE | 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 #3C9ECC to #AACAFE

#3C9ECC #AACAFE

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

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

0.0%	0.0% #3C9ECC	RGB 60 158 204	#3C9ECC
16.7%	16.7% #4EA5D4	RGB 78 165 212	#4EA5D4
33.3%	33.3% #60ACDC	RGB 96 172 220	#60ACDC
50.0%	50.0% #73B4E5	RGB 115 180 229	#73B4E5
66.7%	66.7% #85BBED	RGB 133 187 237	#85BBED
83.3%	83.3% #97C2F5	RGB 151 194 245	#97C2F5
100.0%	100.0% #AACAFE	RGB 170 202 254	#AACAFE

#3C9ECC #4EA5D4 #60ACDC #73B4E5 #85BBED #97C2F5 #AACAFE

#3C9ECC - #AACAFE

HSV Blend

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

0.0%	0.0% #3C9DCC	RGB 60 157 204	#3C9DCC
16.7%	16.7% #4BA1D4	RGB 75 161 212	#4BA1D4
33.3%	33.3% #5CA6DC	RGB 92 166 220	#5CA6DC
50.0%	50.0% #6EADE5	RGB 110 173 229	#6EADE5
66.7%	66.7% #81B5ED	RGB 129 181 237	#81B5ED
83.3%	83.3% #95BEF5	RGB 149 190 245	#95BEF5
100.0%	100.0% #AACAFE	RGB 170 202 254	#AACAFE

#3C9DCC #4BA1D4 #5CA6DC #6EADE5 #81B5ED #95BEF5 #AACAFE

#3C9ECC - #6EADE5 - #AACAFE

CSS codes

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

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