#42B0FF - #A8DEEC | 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 #42B0FF to #A8DEEC

#42B0FF #A8DEEC

Calculate the color between two colors, #42B0FF and #A8DEEC. 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)

#42B0FF - #A8DEEC | 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 #42B0FF as 0% and #A8DEEC as 100%.

0.0%	0.0% #42B0FF	RGB 66 176 255	#42B0FF
16.7%	16.7% #53B7FB	RGB 83 183 251	#53B7FB
33.3%	33.3% #64BFF8	RGB 100 191 248	#64BFF8
50.0%	50.0% #75C7F5	RGB 117 199 245	#75C7F5
66.7%	66.7% #86CEF2	RGB 134 206 242	#86CEF2
83.3%	83.3% #97D6EF	RGB 151 214 239	#97D6EF
100.0%	100.0% #A8DEEC	RGB 168 222 236	#A8DEEC

#42B0FF #53B7FB #64BFF8 #75C7F5 #86CEF2 #97D6EF #A8DEEC

#42B0FF - #A8DEEC

HSV Blend

#42B0FF - #A8DEEC | 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 #42B0FF as 0% and #A8DEEC as 100%.

0.0%	0.0% #41B0FF	RGB 65 176 255	#41B0FF
16.7%	16.7% #54BBFB	RGB 84 187 251	#54BBFB
33.3%	33.3% #65C5F8	RGB 101 197 248	#65C5F8
50.0%	50.0% #77CEF5	RGB 119 206 245	#77CEF5
66.7%	66.7% #87D4F2	RGB 135 212 242	#87D4F2
83.3%	83.3% #98DAEF	RGB 152 218 239	#98DAEF
100.0%	100.0% #A8DEEC	RGB 168 222 236	#A8DEEC

#41B0FF #54BBFB #65C5F8 #77CEF5 #87D4F2 #98DAEF #A8DEEC

#42B0FF - #77CEF5 - #A8DEEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41B0FF 0%, #77CEF5 50%, #A8DEEC 100%);
    background: -webkit-linear-gradient(top, #41B0FF 0%, #77CEF5 50%, #A8DEEC 100%);
    background: linear-gradient(to bottom, #41B0FF 0%, #77CEF5 50%, #A8DEEC 100%);
}
</style>