#00A2FF - #74EBF6 | 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 #00A2FF to #74EBF6

#00A2FF #74EBF6

Calculate the color between two colors, #00A2FF and #74EBF6. 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)

#00A2FF - #74EBF6 | 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 #00A2FF as 0% and #74EBF6 as 100%.

0.0%	0.0% #00A2FF	RGB 0 162 255	#00A2FF
16.7%	16.7% #13AEFD	RGB 19 174 253	#13AEFD
33.3%	33.3% #26BAFC	RGB 38 186 252	#26BAFC
50.0%	50.0% #3AC6FA	RGB 58 198 250	#3AC6FA
66.7%	66.7% #4DD2F9	RGB 77 210 249	#4DD2F9
83.3%	83.3% #60DEF7	RGB 96 222 247	#60DEF7
100.0%	100.0% #74EBF6	RGB 116 235 246	#74EBF6

#00A2FF #13AEFD #26BAFC #3AC6FA #4DD2F9 #60DEF7 #74EBF6

#00A2FF - #74EBF6

HSV Blend

#00A2FF - #74EBF6 | 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 #00A2FF as 0% and #74EBF6 as 100%.

0.0%	0.0% #00A1FF	RGB 0 161 255	#00A1FF
16.7%	16.7% #13B3FD	RGB 19 179 253	#13B3FD
33.3%	33.3% #27C2FC	RGB 39 194 252	#27C2FC
50.0%	50.0% #3BCFFA	RGB 59 207 250	#3BCFFA
66.7%	66.7% #4EDAF9	RGB 78 218 249	#4EDAF9
83.3%	83.3% #61E3F7	RGB 97 227 247	#61E3F7
100.0%	100.0% #74EBF6	RGB 116 235 246	#74EBF6

#00A1FF #13B3FD #27C2FC #3BCFFA #4EDAF9 #61E3F7 #74EBF6

#00A2FF - #3BCFFA - #74EBF6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A1FF 0%, #3BCFFA 50%, #74EBF6 100%);
    background: -webkit-linear-gradient(top, #00A1FF 0%, #3BCFFA 50%, #74EBF6 100%);
    background: linear-gradient(to bottom, #00A1FF 0%, #3BCFFA 50%, #74EBF6 100%);
}
</style>