#0149DA - #D2FFEE | 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 #0149DA to #D2FFEE

#0149DA #D2FFEE

Calculate the color between two colors, #0149DA and #D2FFEE. 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)

#0149DA - #D2FFEE | 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 #0149DA as 0% and #D2FFEE as 100%.

0.0%	0.0% #0149DA	RGB 1 73 218	#0149DA
16.7%	16.7% #2367DD	RGB 35 103 221	#2367DD
33.3%	33.3% #4685E0	RGB 70 133 224	#4685E0
50.0%	50.0% #69A4E4	RGB 105 164 228	#69A4E4
66.7%	66.7% #8CC2E7	RGB 140 194 231	#8CC2E7
83.3%	83.3% #AFE0EA	RGB 175 224 234	#AFE0EA
100.0%	100.0% #D2FFEE	RGB 210 255 238	#D2FFEE

#0149DA #2367DD #4685E0 #69A4E4 #8CC2E7 #AFE0EA #D2FFEE

#0149DA - #D2FFEE

HSV Blend

#0149DA - #D2FFEE | 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 #0149DA as 0% and #D2FFEE as 100%.

0.0%	0.0% #0149DA	RGB 1 73 218	#0149DA
16.7%	16.7% #1F81E0	RGB 31 129 224	#1F81E0
33.3%	33.3% #3FB1E6	RGB 63 177 230	#3FB1E6
50.0%	50.0% #61D8EC	RGB 97 216 236	#61D8EC
66.7%	66.7% #85F2EF	RGB 133 242 239	#85F2EF
83.3%	83.3% #AAF8E8	RGB 170 248 232	#AAF8E8
100.0%	100.0% #D2FFEE	RGB 210 255 238	#D2FFEE

#0149DA #1F81E0 #3FB1E6 #61D8EC #85F2EF #AAF8E8 #D2FFEE

#0149DA - #61D8EC - #D2FFEE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0149DA 0%, #61D8EC 50%, #D2FFEE 100%);
    background: -webkit-linear-gradient(top, #0149DA 0%, #61D8EC 50%, #D2FFEE 100%);
    background: linear-gradient(to bottom, #0149DA 0%, #61D8EC 50%, #D2FFEE 100%);
}
</style>