#0048C8 - #39A8FF | 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 #0048C8 to #39A8FF

#0048C8 #39A8FF

Calculate the color between two colors, #0048C8 and #39A8FF. 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)

#0048C8 - #39A8FF | 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 #0048C8 as 0% and #39A8FF as 100%.

0.0%	0.0% #0048C8	RGB 0 72 200	#0048C8
16.7%	16.7% #0958D1	RGB 9 88 209	#0958D1
33.3%	33.3% #1368DA	RGB 19 104 218	#1368DA
50.0%	50.0% #1C78E3	RGB 28 120 227	#1C78E3
66.7%	66.7% #2688EC	RGB 38 136 236	#2688EC
83.3%	83.3% #2F98F5	RGB 47 152 245	#2F98F5
100.0%	100.0% #39A8FF	RGB 57 168 255	#39A8FF

#0048C8 #0958D1 #1368DA #1C78E3 #2688EC #2F98F5 #39A8FF

#0048C8 - #39A8FF

HSV Blend

#0048C8 - #39A8FF | 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 #0048C8 as 0% and #39A8FF as 100%.

0.0%	0.0% #0047C8	RGB 0 71 200	#0047C8
16.7%	16.7% #0757D1	RGB 7 87 209	#0757D1
33.3%	33.3% #1066DA	RGB 16 102 218	#1066DA
50.0%	50.0% #1976E3	RGB 25 118 227	#1976E3
66.7%	66.7% #2386EC	RGB 35 134 236	#2386EC
83.3%	83.3% #2D97F5	RGB 45 151 245	#2D97F5
100.0%	100.0% #39A8FF	RGB 57 168 255	#39A8FF

#0047C8 #0757D1 #1066DA #1976E3 #2386EC #2D97F5 #39A8FF

#0048C8 - #1976E3 - #39A8FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0047C8 0%, #1976E3 50%, #39A8FF 100%);
    background: -webkit-linear-gradient(top, #0047C8 0%, #1976E3 50%, #39A8FF 100%);
    background: linear-gradient(to bottom, #0047C8 0%, #1976E3 50%, #39A8FF 100%);
}
</style>