#0054FF - #CBFFD9 | 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 #0054FF to #CBFFD9

#0054FF #CBFFD9

Calculate the color between two colors, #0054FF and #CBFFD9. 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)

#0054FF - #CBFFD9 | 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 #0054FF as 0% and #CBFFD9 as 100%.

0.0%	0.0% #0054FF	RGB 0 84 255	#0054FF
16.7%	16.7% #2170F8	RGB 33 112 248	#2170F8
33.3%	33.3% #438DF2	RGB 67 141 242	#438DF2
50.0%	50.0% #65A9EC	RGB 101 169 236	#65A9EC
66.7%	66.7% #87C6E5	RGB 135 198 229	#87C6E5
83.3%	83.3% #A9E2DF	RGB 169 226 223	#A9E2DF
100.0%	100.0% #CBFFD9	RGB 203 255 217	#CBFFD9

#0054FF #2170F8 #438DF2 #65A9EC #87C6E5 #A9E2DF #CBFFD9

#0054FF - #CBFFD9

HSV Blend

#0054FF - #CBFFD9 | 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 #0054FF as 0% and #CBFFD9 as 100%.

0.0%	0.0% #0053FF	RGB 0 83 255	#0053FF
16.7%	16.7% #219EFF	RGB 33 158 255	#219EFF
33.3%	33.3% #43D8FF	RGB 67 216 255	#43D8FF
50.0%	50.0% #65FFFA	RGB 101 255 250	#65FFFA
66.7%	66.7% #87FFDF	RGB 135 255 223	#87FFDF
83.3%	83.3% #A9FFD4	RGB 169 255 212	#A9FFD4
100.0%	100.0% #CBFFD9	RGB 203 255 217	#CBFFD9

#0053FF #219EFF #43D8FF #65FFFA #87FFDF #A9FFD4 #CBFFD9

#0054FF - #65FFFA - #CBFFD9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0053FF 0%, #65FFFA 50%, #CBFFD9 100%);
    background: -webkit-linear-gradient(top, #0053FF 0%, #65FFFA 50%, #CBFFD9 100%);
    background: linear-gradient(to bottom, #0053FF 0%, #65FFFA 50%, #CBFFD9 100%);
}
</style>