#0035FF - #CBFFDF | 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 #0035FF to #CBFFDF

#0035FF #CBFFDF

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

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

0.0%	0.0% #0035FF	RGB 0 53 255	#0035FF
16.7%	16.7% #2156F9	RGB 33 86 249	#2156F9
33.3%	33.3% #4378F4	RGB 67 120 244	#4378F4
50.0%	50.0% #659AEF	RGB 101 154 239	#659AEF
66.7%	66.7% #87BBE9	RGB 135 187 233	#87BBE9
83.3%	83.3% #A9DDE4	RGB 169 221 228	#A9DDE4
100.0%	100.0% #CBFFDF	RGB 203 255 223	#CBFFDF

#0035FF #2156F9 #4378F4 #659AEF #87BBE9 #A9DDE4 #CBFFDF

#0035FF - #CBFFDF

HSV Blend

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

0.0%	0.0% #0035FF	RGB 0 53 255	#0035FF
16.7%	16.7% #2183FF	RGB 33 131 255	#2183FF
33.3%	33.3% #43C2FF	RGB 67 194 255	#43C2FF
50.0%	50.0% #65F1FF	RGB 101 241 255	#65F1FF
66.7%	66.7% #87FFED	RGB 135 255 237	#87FFED
83.3%	83.3% #A9FFDE	RGB 169 255 222	#A9FFDE
100.0%	100.0% #CBFFDF	RGB 203 255 223	#CBFFDF

#0035FF #2183FF #43C2FF #65F1FF #87FFED #A9FFDE #CBFFDF

#0035FF - #65F1FF - #CBFFDF

CSS codes

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

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