#0156DA - #D2FFEA | 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 #0156DA to #D2FFEA

#0156DA #D2FFEA

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

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

0.0%	0.0% #0156DA	RGB 1 86 218	#0156DA
16.7%	16.7% #2372DC	RGB 35 114 220	#2372DC
33.3%	33.3% #468EDF	RGB 70 142 223	#468EDF
50.0%	50.0% #69AAE2	RGB 105 170 226	#69AAE2
66.7%	66.7% #8CC6E4	RGB 140 198 228	#8CC6E4
83.3%	83.3% #AFE2E7	RGB 175 226 231	#AFE2E7
100.0%	100.0% #D2FFEA	RGB 210 255 234	#D2FFEA

#0156DA #2372DC #468EDF #69AAE2 #8CC6E4 #AFE2E7 #D2FFEA

#0156DA - #D2FFEA

HSV Blend

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

0.0%	0.0% #0156DA	RGB 1 86 218	#0156DA
16.7%	16.7% #1F8DE0	RGB 31 141 224	#1F8DE0
33.3%	33.3% #3FBCE6	RGB 63 188 230	#3FBCE6
50.0%	50.0% #61E2EC	RGB 97 226 236	#61E2EC
66.7%	66.7% #85F2E6	RGB 133 242 230	#85F2E6
83.3%	83.3% #AAF8E2	RGB 170 248 226	#AAF8E2
100.0%	100.0% #D2FFEA	RGB 210 255 234	#D2FFEA

#0156DA #1F8DE0 #3FBCE6 #61E2EC #85F2E6 #AAF8E2 #D2FFEA

#0156DA - #61E2EC - #D2FFEA

CSS codes

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

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