#4C92FF - #0E3EC7 | 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 #4C92FF to #0E3EC7

#4C92FF #0E3EC7

Calculate the color between two colors, #4C92FF and #0E3EC7. 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)

#4C92FF - #0E3EC7 | 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 #4C92FF as 0% and #0E3EC7 as 100%.

0.0%	0.0% #4C92FF	RGB 76 146 255	#4C92FF
16.7%	16.7% #4184F5	RGB 65 132 245	#4184F5
33.3%	33.3% #3776EC	RGB 55 118 236	#3776EC
50.0%	50.0% #2D68E3	RGB 45 104 227	#2D68E3
66.7%	66.7% #225AD9	RGB 34 90 217	#225AD9
83.3%	83.3% #184CD0	RGB 24 76 208	#184CD0
100.0%	100.0% #0E3EC7	RGB 14 62 199	#0E3EC7

#4C92FF #4184F5 #3776EC #2D68E3 #225AD9 #184CD0 #0E3EC7

#4C92FF - #0E3EC7

HSV Blend

#4C92FF - #0E3EC7 | 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 #4C92FF as 0% and #0E3EC7 as 100%.

0.0%	0.0% #4B91FF	RGB 75 145 255	#4B91FF
16.7%	16.7% #3F82F5	RGB 63 130 245	#3F82F5
33.3%	33.3% #3474EC	RGB 52 116 236	#3474EC
50.0%	50.0% #2966E3	RGB 41 102 227	#2966E3
66.7%	66.7% #1F58D9	RGB 31 88 217	#1F58D9
83.3%	83.3% #164AD0	RGB 22 74 208	#164AD0
100.0%	100.0% #0E3EC7	RGB 14 62 199	#0E3EC7

#4B91FF #3F82F5 #3474EC #2966E3 #1F58D9 #164AD0 #0E3EC7

#4C92FF - #2966E3 - #0E3EC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B91FF 0%, #2966E3 50%, #0E3EC7 100%);
    background: -webkit-linear-gradient(top, #4B91FF 0%, #2966E3 50%, #0E3EC7 100%);
    background: linear-gradient(to bottom, #4B91FF 0%, #2966E3 50%, #0E3EC7 100%);
}
</style>