#4EB6FF - #0A65D4 | 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 #4EB6FF to #0A65D4

#4EB6FF #0A65D4

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

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

0.0%	0.0% #4EB6FF	RGB 78 182 255	#4EB6FF
16.7%	16.7% #42A8F7	RGB 66 168 247	#42A8F7
33.3%	33.3% #379BF0	RGB 55 155 240	#379BF0
50.0%	50.0% #2C8DE9	RGB 44 141 233	#2C8DE9
66.7%	66.7% #2080E2	RGB 32 128 226	#2080E2
83.3%	83.3% #1572DB	RGB 21 114 219	#1572DB
100.0%	100.0% #0A65D4	RGB 10 101 212	#0A65D4

#4EB6FF #42A8F7 #379BF0 #2C8DE9 #2080E2 #1572DB #0A65D4

#4EB6FF - #0A65D4

HSV Blend

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

0.0%	0.0% #4DB6FF	RGB 77 182 255	#4DB6FF
16.7%	16.7% #41A8F7	RGB 65 168 247	#41A8F7
33.3%	33.3% #349AF0	RGB 52 154 240	#349AF0
50.0%	50.0% #298DE9	RGB 41 141 233	#298DE9
66.7%	66.7% #1E7FE2	RGB 30 127 226	#1E7FE2
83.3%	83.3% #1372DB	RGB 19 114 219	#1372DB
100.0%	100.0% #0A65D4	RGB 10 101 212	#0A65D4

#4DB6FF #41A8F7 #349AF0 #298DE9 #1E7FE2 #1372DB #0A65D4

#4EB6FF - #298DE9 - #0A65D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DB6FF 0%, #298DE9 50%, #0A65D4 100%);
    background: -webkit-linear-gradient(top, #4DB6FF 0%, #298DE9 50%, #0A65D4 100%);
    background: linear-gradient(to bottom, #4DB6FF 0%, #298DE9 50%, #0A65D4 100%);
}
</style>