#3EB2FF - #0462D2 | 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 #3EB2FF to #0462D2

#3EB2FF #0462D2

Calculate the color between two colors, #3EB2FF and #0462D2. 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)

#3EB2FF - #0462D2 | 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 #3EB2FF as 0% and #0462D2 as 100%.

0.0%	0.0% #3EB2FF	RGB 62 178 255	#3EB2FF
16.7%	16.7% #34A4F7	RGB 52 164 247	#34A4F7
33.3%	33.3% #2A97F0	RGB 42 151 240	#2A97F0
50.0%	50.0% #218AE8	RGB 33 138 232	#218AE8
66.7%	66.7% #177CE1	RGB 23 124 225	#177CE1
83.3%	83.3% #0D6FD9	RGB 13 111 217	#0D6FD9
100.0%	100.0% #0462D2	RGB 4 98 210	#0462D2

#3EB2FF #34A4F7 #2A97F0 #218AE8 #177CE1 #0D6FD9 #0462D2

#3EB2FF - #0462D2

HSV Blend

#3EB2FF - #0462D2 | 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 #3EB2FF as 0% and #0462D2 as 100%.

0.0%	0.0% #3DB2FF	RGB 61 178 255	#3DB2FF
16.7%	16.7% #32A4F7	RGB 50 164 247	#32A4F7
33.3%	33.3% #2896F0	RGB 40 150 240	#2896F0
50.0%	50.0% #1E89E8	RGB 30 137 232	#1E89E8
66.7%	66.7% #157BE1	RGB 21 123 225	#157BE1
83.3%	83.3% #0C6ED9	RGB 12 110 217	#0C6ED9
100.0%	100.0% #0462D2	RGB 4 98 210	#0462D2

#3DB2FF #32A4F7 #2896F0 #1E89E8 #157BE1 #0C6ED9 #0462D2

#3EB2FF - #1E89E8 - #0462D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3DB2FF 0%, #1E89E8 50%, #0462D2 100%);
    background: -webkit-linear-gradient(top, #3DB2FF 0%, #1E89E8 50%, #0462D2 100%);
    background: linear-gradient(to bottom, #3DB2FF 0%, #1E89E8 50%, #0462D2 100%);
}
</style>