#2F9BEA - #A8C2FF | 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 #2F9BEA to #A8C2FF

#2F9BEA #A8C2FF

Calculate the color between two colors, #2F9BEA and #A8C2FF. 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)

#2F9BEA - #A8C2FF | 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 #2F9BEA as 0% and #A8C2FF as 100%.

0.0%	0.0% #2F9BEA	RGB 47 155 234	#2F9BEA
16.7%	16.7% #43A1ED	RGB 67 161 237	#43A1ED
33.3%	33.3% #57A8F1	RGB 87 168 241	#57A8F1
50.0%	50.0% #6BAEF4	RGB 107 174 244	#6BAEF4
66.7%	66.7% #7FB5F8	RGB 127 181 248	#7FB5F8
83.3%	83.3% #93BBFB	RGB 147 187 251	#93BBFB
100.0%	100.0% #A8C2FF	RGB 168 194 255	#A8C2FF

#2F9BEA #43A1ED #57A8F1 #6BAEF4 #7FB5F8 #93BBFB #A8C2FF

#2F9BEA - #A8C2FF

HSV Blend

#2F9BEA - #A8C2FF | 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 #2F9BEA as 0% and #A8C2FF as 100%.

0.0%	0.0% #2F9AEA	RGB 47 154 234	#2F9AEA
16.7%	16.7% #419DED	RGB 65 157 237	#419DED
33.3%	33.3% #55A0F1	RGB 85 160 241	#55A0F1
50.0%	50.0% #69A6F4	RGB 105 166 244	#69A6F4
66.7%	66.7% #7DADF8	RGB 125 173 248	#7DADF8
83.3%	83.3% #92B6FB	RGB 146 182 251	#92B6FB
100.0%	100.0% #A8C2FF	RGB 168 194 255	#A8C2FF

#2F9AEA #419DED #55A0F1 #69A6F4 #7DADF8 #92B6FB #A8C2FF

#2F9BEA - #69A6F4 - #A8C2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F9AEA 0%, #69A6F4 50%, #A8C2FF 100%);
    background: -webkit-linear-gradient(top, #2F9AEA 0%, #69A6F4 50%, #A8C2FF 100%);
    background: linear-gradient(to bottom, #2F9AEA 0%, #69A6F4 50%, #A8C2FF 100%);
}
</style>