#0052CE - #B6FFDC | 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 #0052CE to #B6FFDC

#0052CE #B6FFDC

Calculate the color between two colors, #0052CE and #B6FFDC. 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)

#0052CE - #B6FFDC | 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 #0052CE as 0% and #B6FFDC as 100%.

0.0%	0.0% #0052CE	RGB 0 82 206	#0052CE
16.7%	16.7% #1E6ED0	RGB 30 110 208	#1E6ED0
33.3%	33.3% #3C8BD2	RGB 60 139 210	#3C8BD2
50.0%	50.0% #5BA8D5	RGB 91 168 213	#5BA8D5
66.7%	66.7% #79C5D7	RGB 121 197 215	#79C5D7
83.3%	83.3% #97E2D9	RGB 151 226 217	#97E2D9
100.0%	100.0% #B6FFDC	RGB 182 255 220	#B6FFDC

#0052CE #1E6ED0 #3C8BD2 #5BA8D5 #79C5D7 #97E2D9 #B6FFDC

#0052CE - #B6FFDC

HSV Blend

#0052CE - #B6FFDC | 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 #0052CE as 0% and #B6FFDC as 100%.

0.0%	0.0% #0052CE	RGB 0 82 206	#0052CE
16.7%	16.7% #1986D6	RGB 25 134 214	#1986D6
33.3%	33.3% #34B5DE	RGB 52 181 222	#34B5DE
50.0%	50.0% #52DDE6	RGB 82 221 230	#52DDE6
66.7%	66.7% #71EEDF	RGB 113 238 223	#71EEDF
83.3%	83.3% #92F6D8	RGB 146 246 216	#92F6D8
100.0%	100.0% #B6FFDC	RGB 182 255 220	#B6FFDC

#0052CE #1986D6 #34B5DE #52DDE6 #71EEDF #92F6D8 #B6FFDC

#0052CE - #52DDE6 - #B6FFDC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0052CE 0%, #52DDE6 50%, #B6FFDC 100%);
    background: -webkit-linear-gradient(top, #0052CE 0%, #52DDE6 50%, #B6FFDC 100%);
    background: linear-gradient(to bottom, #0052CE 0%, #52DDE6 50%, #B6FFDC 100%);
}
</style>