#0083AD - #0082FD | 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 #0083AD to #0082FD

#0083AD #0082FD

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

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

0.0%	0.0% #0083AD	RGB 0 131 173	#0083AD
16.7%	16.7% #0082BA	RGB 0 130 186	#0082BA
33.3%	33.3% #0082C7	RGB 0 130 199	#0082C7
50.0%	50.0% #0082D5	RGB 0 130 213	#0082D5
66.7%	66.7% #0082E2	RGB 0 130 226	#0082E2
83.3%	83.3% #0082EF	RGB 0 130 239	#0082EF
100.0%	100.0% #0082FD	RGB 0 130 253	#0082FD

#0083AD #0082BA #0082C7 #0082D5 #0082E2 #0082EF #0082FD

#0083AD - #0082FD

HSV Blend

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

0.0%	0.0% #0082AD	RGB 0 130 173	#0082AD
16.7%	16.7% #0085BA	RGB 0 133 186	#0085BA
33.3%	33.3% #0086C7	RGB 0 134 199	#0086C7
50.0%	50.0% #0087D5	RGB 0 135 213	#0087D5
66.7%	66.7% #0086E2	RGB 0 134 226	#0086E2
83.3%	83.3% #0084EF	RGB 0 132 239	#0084EF
100.0%	100.0% #0082FD	RGB 0 130 253	#0082FD

#0082AD #0085BA #0086C7 #0087D5 #0086E2 #0084EF #0082FD

#0083AD - #0087D5 - #0082FD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0082AD 0%, #0087D5 50%, #0082FD 100%);
    background: -webkit-linear-gradient(top, #0082AD 0%, #0087D5 50%, #0082FD 100%);
    background: linear-gradient(to bottom, #0082AD 0%, #0087D5 50%, #0082FD 100%);
}
</style>