#454DFF - #0006B5 | 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 #454DFF to #0006B5

#454DFF #0006B5

Calculate the color between two colors, #454DFF and #0006B5. 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)

#454DFF - #0006B5 | 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 #454DFF as 0% and #0006B5 as 100%.

0.0%	0.0% #454DFF	RGB 69 77 255	#454DFF
16.7%	16.7% #3941F2	RGB 57 65 242	#3941F2
33.3%	33.3% #2E35E6	RGB 46 53 230	#2E35E6
50.0%	50.0% #2229DA	RGB 34 41 218	#2229DA
66.7%	66.7% #171DCD	RGB 23 29 205	#171DCD
83.3%	83.3% #0B11C1	RGB 11 17 193	#0B11C1
100.0%	100.0% #0006B5	RGB 0 6 181	#0006B5

#454DFF #3941F2 #2E35E6 #2229DA #171DCD #0B11C1 #0006B5

#454DFF - #0006B5

HSV Blend

#454DFF - #0006B5 | 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 #454DFF as 0% and #0006B5 as 100%.

0.0%	0.0% #454DFF	RGB 69 77 255	#454DFF
16.7%	16.7% #363EF2	RGB 54 62 242	#363EF2
33.3%	33.3% #2931E6	RGB 41 49 230	#2931E6
50.0%	50.0% #1D24DA	RGB 29 36 218	#1D24DA
66.7%	66.7% #1219CD	RGB 18 25 205	#1219CD
83.3%	83.3% #080FC1	RGB 8 15 193	#080FC1
100.0%	100.0% #0006B5	RGB 0 6 181	#0006B5

#454DFF #363EF2 #2931E6 #1D24DA #1219CD #080FC1 #0006B5

#454DFF - #1D24DA - #0006B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #454DFF 0%, #1D24DA 50%, #0006B5 100%);
    background: -webkit-linear-gradient(top, #454DFF 0%, #1D24DA 50%, #0006B5 100%);
    background: linear-gradient(to bottom, #454DFF 0%, #1D24DA 50%, #0006B5 100%);
}
</style>