#0004FF - #8DFFE8 | 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 #0004FF to #8DFFE8

#0004FF #8DFFE8

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

#0004FF - #8DFFE8 | 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 #0004FF as 0% and #8DFFE8 as 100%.

0.0%	0.0% #0004FF	RGB 0 4 255	#0004FF
16.7%	16.7% #172DFB	RGB 23 45 251	#172DFB
33.3%	33.3% #2F57F7	RGB 47 87 247	#2F57F7
50.0%	50.0% #4681F3	RGB 70 129 243	#4681F3
66.7%	66.7% #5EABEF	RGB 94 171 239	#5EABEF
83.3%	83.3% #75D5EB	RGB 117 213 235	#75D5EB
100.0%	100.0% #8DFFE8	RGB 141 255 232	#8DFFE8

#0004FF #172DFB #2F57F7 #4681F3 #5EABEF #75D5EB #8DFFE8

#0004FF - #8DFFE8

HSV Blend

#0004FF - #8DFFE8 | 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 #0004FF as 0% and #8DFFE8 as 100%.

0.0%	0.0% #0003FF	RGB 0 3 255	#0003FF
16.7%	16.7% #1748FF	RGB 23 72 255	#1748FF
33.3%	33.3% #2E84FF	RGB 46 132 255	#2E84FF
50.0%	50.0% #46B6FF	RGB 70 182 255	#46B6FF
66.7%	66.7% #5EDFFF	RGB 94 223 255	#5EDFFF
83.3%	83.3% #75FFFE	RGB 117 255 254	#75FFFE
100.0%	100.0% #8DFFE8	RGB 141 255 232	#8DFFE8

#0003FF #1748FF #2E84FF #46B6FF #5EDFFF #75FFFE #8DFFE8

#0004FF - #46B6FF - #8DFFE8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0003FF 0%, #46B6FF 50%, #8DFFE8 100%);
    background: -webkit-linear-gradient(top, #0003FF 0%, #46B6FF 50%, #8DFFE8 100%);
    background: linear-gradient(to bottom, #0003FF 0%, #46B6FF 50%, #8DFFE8 100%);
}
</style>