#0008FF - #8F92FF | 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 #0008FF to #8F92FF

#0008FF #8F92FF

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

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

0.0%	0.0% #0008FF	RGB 0 8 255	#0008FF
16.7%	16.7% #171FFF	RGB 23 31 255	#171FFF
33.3%	33.3% #2F36FF	RGB 47 54 255	#2F36FF
50.0%	50.0% #474DFF	RGB 71 77 255	#474DFF
66.7%	66.7% #5F64FF	RGB 95 100 255	#5F64FF
83.3%	83.3% #777BFF	RGB 119 123 255	#777BFF
100.0%	100.0% #8F92FF	RGB 143 146 255	#8F92FF

#0008FF #171FFF #2F36FF #474DFF #5F64FF #777BFF #8F92FF

#0008FF - #8F92FF

HSV Blend

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

0.0%	0.0% #0007FF	RGB 0 7 255	#0007FF
16.7%	16.7% #171EFF	RGB 23 30 255	#171EFF
33.3%	33.3% #2F35FF	RGB 47 53 255	#2F35FF
50.0%	50.0% #474CFF	RGB 71 76 255	#474CFF
66.7%	66.7% #5F63FF	RGB 95 99 255	#5F63FF
83.3%	83.3% #777AFF	RGB 119 122 255	#777AFF
100.0%	100.0% #8F92FF	RGB 143 146 255	#8F92FF

#0007FF #171EFF #2F35FF #474CFF #5F63FF #777AFF #8F92FF

#0008FF - #474CFF - #8F92FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0007FF 0%, #474CFF 50%, #8F92FF 100%);
    background: -webkit-linear-gradient(top, #0007FF 0%, #474CFF 50%, #8F92FF 100%);
    background: linear-gradient(to bottom, #0007FF 0%, #474CFF 50%, #8F92FF 100%);
}
</style>