#3670FF - #0D23B7 | 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 #3670FF to #0D23B7

#3670FF #0D23B7

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

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

0.0%	0.0% #3670FF	RGB 54 112 255	#3670FF
16.7%	16.7% #2F63F3	RGB 47 99 243	#2F63F3
33.3%	33.3% #2856E7	RGB 40 86 231	#2856E7
50.0%	50.0% #2149DB	RGB 33 73 219	#2149DB
66.7%	66.7% #1A3CCF	RGB 26 60 207	#1A3CCF
83.3%	83.3% #132FC3	RGB 19 47 195	#132FC3
100.0%	100.0% #0D23B7	RGB 13 35 183	#0D23B7

#3670FF #2F63F3 #2856E7 #2149DB #1A3CCF #132FC3 #0D23B7

#3670FF - #0D23B7

HSV Blend

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

0.0%	0.0% #3570FF	RGB 53 112 255	#3570FF
16.7%	16.7% #2D61F3	RGB 45 97 243	#2D61F3
33.3%	33.3% #2653E7	RGB 38 83 231	#2653E7
50.0%	50.0% #1E46DB	RGB 30 70 219	#1E46DB
66.7%	66.7% #1839CF	RGB 24 57 207	#1839CF
83.3%	83.3% #122DC3	RGB 18 45 195	#122DC3
100.0%	100.0% #0D23B7	RGB 13 35 183	#0D23B7

#3570FF #2D61F3 #2653E7 #1E46DB #1839CF #122DC3 #0D23B7

#3670FF - #1E46DB - #0D23B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3570FF 0%, #1E46DB 50%, #0D23B7 100%);
    background: -webkit-linear-gradient(top, #3570FF 0%, #1E46DB 50%, #0D23B7 100%);
    background: linear-gradient(to bottom, #3570FF 0%, #1E46DB 50%, #0D23B7 100%);
}
</style>