#0082FD - #52D9FF | 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 #0082FD to #52D9FF

#0082FD #52D9FF

Calculate the color between two colors, #0082FD and #52D9FF. 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)

#0082FD - #52D9FF | 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 #0082FD as 0% and #52D9FF as 100%.

0.0%	0.0% #0082FD	RGB 0 130 253	#0082FD
16.7%	16.7% #0D90FD	RGB 13 144 253	#0D90FD
33.3%	33.3% #1B9FFD	RGB 27 159 253	#1B9FFD
50.0%	50.0% #29ADFE	RGB 41 173 254	#29ADFE
66.7%	66.7% #36BCFE	RGB 54 188 254	#36BCFE
83.3%	83.3% #44CAFE	RGB 68 202 254	#44CAFE
100.0%	100.0% #52D9FF	RGB 82 217 255	#52D9FF

#0082FD #0D90FD #1B9FFD #29ADFE #36BCFE #44CAFE #52D9FF

#0082FD - #52D9FF

HSV Blend

#0082FD - #52D9FF | 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 #0082FD as 0% and #52D9FF as 100%.

0.0%	0.0% #0081FD	RGB 0 129 253	#0081FD
16.7%	16.7% #0D93FD	RGB 13 147 253	#0D93FD
33.3%	33.3% #1BA3FD	RGB 27 163 253	#1BA3FD
50.0%	50.0% #28B2FE	RGB 40 178 254	#28B2FE
66.7%	66.7% #36C0FE	RGB 54 192 254	#36C0FE
83.3%	83.3% #44CDFE	RGB 68 205 254	#44CDFE
100.0%	100.0% #52D9FF	RGB 82 217 255	#52D9FF

#0081FD #0D93FD #1BA3FD #28B2FE #36C0FE #44CDFE #52D9FF

#0082FD - #28B2FE - #52D9FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0081FD 0%, #28B2FE 50%, #52D9FF 100%);
    background: -webkit-linear-gradient(top, #0081FD 0%, #28B2FE 50%, #52D9FF 100%);
    background: linear-gradient(to bottom, #0081FD 0%, #28B2FE 50%, #52D9FF 100%);
}
</style>