#5454FF - #0F07B5 | 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 #5454FF to #0F07B5

#5454FF #0F07B5

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

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

0.0%	0.0% #5454FF	RGB 84 84 255	#5454FF
16.7%	16.7% #4847F2	RGB 72 71 242	#4847F2
33.3%	33.3% #3D3AE6	RGB 61 58 230	#3D3AE6
50.0%	50.0% #312DDA	RGB 49 45 218	#312DDA
66.7%	66.7% #2620CD	RGB 38 32 205	#2620CD
83.3%	83.3% #1A13C1	RGB 26 19 193	#1A13C1
100.0%	100.0% #0F07B5	RGB 15 7 181	#0F07B5

#5454FF #4847F2 #3D3AE6 #312DDA #2620CD #1A13C1 #0F07B5

#5454FF - #0F07B5

HSV Blend

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

0.0%	0.0% #5453FF	RGB 84 83 255	#5453FF
16.7%	16.7% #4544F2	RGB 69 68 242	#4544F2
33.3%	33.3% #3835E6	RGB 56 53 230	#3835E6
50.0%	50.0% #2C28DA	RGB 44 40 218	#2C28DA
66.7%	66.7% #211BCD	RGB 33 27 205	#211BCD
83.3%	83.3% #1710C1	RGB 23 16 193	#1710C1
100.0%	100.0% #0F07B5	RGB 15 7 181	#0F07B5

#5453FF #4544F2 #3835E6 #2C28DA #211BCD #1710C1 #0F07B5

#5454FF - #2C28DA - #0F07B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5453FF 0%, #2C28DA 50%, #0F07B5 100%);
    background: -webkit-linear-gradient(top, #5453FF 0%, #2C28DA 50%, #0F07B5 100%);
    background: linear-gradient(to bottom, #5453FF 0%, #2C28DA 50%, #0F07B5 100%);
}
</style>