#0028FF - #3A00FF | 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 #0028FF to #3A00FF

#0028FF #3A00FF

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

#0028FF - #3A00FF | 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 #0028FF as 0% and #3A00FF as 100%.

0.0%	0.0% #0028FF	RGB 0 40 255	#0028FF
16.7%	16.7% #0921FF	RGB 9 33 255	#0921FF
33.3%	33.3% #131AFF	RGB 19 26 255	#131AFF
50.0%	50.0% #1D14FF	RGB 29 20 255	#1D14FF
66.7%	66.7% #260DFF	RGB 38 13 255	#260DFF
83.3%	83.3% #3006FF	RGB 48 6 255	#3006FF
100.0%	100.0% #3A00FF	RGB 58 0 255	#3A00FF

#0028FF #0921FF #131AFF #1D14FF #260DFF #3006FF #3A00FF

#0028FF - #3A00FF

HSV Blend

#0028FF - #3A00FF | 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 #0028FF as 0% and #3A00FF as 100%.

0.0%	0.0% #0027FF	RGB 0 39 255	#0027FF
16.7%	16.7% #0017FF	RGB 0 23 255	#0017FF
33.3%	33.3% #0007FF	RGB 0 7 255	#0007FF
50.0%	50.0% #0800FF	RGB 8 0 255	#0800FF
66.7%	66.7% #1900FF	RGB 25 0 255	#1900FF
83.3%	83.3% #2900FF	RGB 41 0 255	#2900FF
100.0%	100.0% #3A00FF	RGB 58 0 255	#3A00FF

#0027FF #0017FF #0007FF #0800FF #1900FF #2900FF #3A00FF

#0028FF - #0800FF - #3A00FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0027FF 0%, #0800FF 50%, #3A00FF 100%);
    background: -webkit-linear-gradient(top, #0027FF 0%, #0800FF 50%, #3A00FF 100%);
    background: linear-gradient(to bottom, #0027FF 0%, #0800FF 50%, #3A00FF 100%);
}
</style>