#001AE5 - #B2FFDF | 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 #001AE5 to #B2FFDF

#001AE5 #B2FFDF

Calculate the color between two colors, #001AE5 and #B2FFDF. 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)

#001AE5 - #B2FFDF | 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 #001AE5 as 0% and #B2FFDF as 100%.

0.0%	0.0% #001AE5	RGB 0 26 229	#001AE5
16.7%	16.7% #1D40E4	RGB 29 64 228	#1D40E4
33.3%	33.3% #3B66E3	RGB 59 102 227	#3B66E3
50.0%	50.0% #598CE2	RGB 89 140 226	#598CE2
66.7%	66.7% #76B2E1	RGB 118 178 225	#76B2E1
83.3%	83.3% #94D8E0	RGB 148 216 224	#94D8E0
100.0%	100.0% #B2FFDF	RGB 178 255 223	#B2FFDF

#001AE5 #1D40E4 #3B66E3 #598CE2 #76B2E1 #94D8E0 #B2FFDF

#001AE5 - #B2FFDF

HSV Blend

#001AE5 - #B2FFDF | 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 #001AE5 as 0% and #B2FFDF as 100%.

0.0%	0.0% #0019E5	RGB 0 25 229	#0019E5
16.7%	16.7% #1B5FE9	RGB 27 95 233	#1B5FE9
33.3%	33.3% #379BED	RGB 55 155 237	#379BED
50.0%	50.0% #54CCF2	RGB 84 204 242	#54CCF2
66.7%	66.7% #72F3F6	RGB 114 243 246	#72F3F6
83.3%	83.3% #91FAE5	RGB 145 250 229	#91FAE5
100.0%	100.0% #B2FFDF	RGB 178 255 223	#B2FFDF

#0019E5 #1B5FE9 #379BED #54CCF2 #72F3F6 #91FAE5 #B2FFDF

#001AE5 - #54CCF2 - #B2FFDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0019E5 0%, #54CCF2 50%, #B2FFDF 100%);
    background: -webkit-linear-gradient(top, #0019E5 0%, #54CCF2 50%, #B2FFDF 100%);
    background: linear-gradient(to bottom, #0019E5 0%, #54CCF2 50%, #B2FFDF 100%);
}
</style>