#0015D3 - #B5FFEE | 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 #0015D3 to #B5FFEE

#0015D3 #B5FFEE

Calculate the color between two colors, #0015D3 and #B5FFEE. 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)

#0015D3 - #B5FFEE | 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 #0015D3 as 0% and #B5FFEE as 100%.

0.0%	0.0% #0015D3	RGB 0 21 211	#0015D3
16.7%	16.7% #1E3CD7	RGB 30 60 215	#1E3CD7
33.3%	33.3% #3C63DC	RGB 60 99 220	#3C63DC
50.0%	50.0% #5A8AE0	RGB 90 138 224	#5A8AE0
66.7%	66.7% #78B1E5	RGB 120 177 229	#78B1E5
83.3%	83.3% #96D8E9	RGB 150 216 233	#96D8E9
100.0%	100.0% #B5FFEE	RGB 181 255 238	#B5FFEE

#0015D3 #1E3CD7 #3C63DC #5A8AE0 #78B1E5 #96D8E9 #B5FFEE

#0015D3 - #B5FFEE

HSV Blend

#0015D3 - #B5FFEE | 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 #0015D3 as 0% and #B5FFEE as 100%.

0.0%	0.0% #0014D3	RGB 0 20 211	#0014D3
16.7%	16.7% #1951DA	RGB 25 81 218	#1951DA
33.3%	33.3% #3587E1	RGB 53 135 225	#3587E1
50.0%	50.0% #52B6E9	RGB 82 182 233	#52B6E9
66.7%	66.7% #71DDF0	RGB 113 221 240	#71DDF0
83.3%	83.3% #92F7F3	RGB 146 247 243	#92F7F3
100.0%	100.0% #B5FFEE	RGB 181 255 238	#B5FFEE

#0014D3 #1951DA #3587E1 #52B6E9 #71DDF0 #92F7F3 #B5FFEE

#0015D3 - #52B6E9 - #B5FFEE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0014D3 0%, #52B6E9 50%, #B5FFEE 100%);
    background: -webkit-linear-gradient(top, #0014D3 0%, #52B6E9 50%, #B5FFEE 100%);
    background: linear-gradient(to bottom, #0014D3 0%, #52B6E9 50%, #B5FFEE 100%);
}
</style>