#39B2FF - #103248 | 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 #39B2FF to #103248

#39B2FF #103248

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

#39B2FF - #103248 | 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 #39B2FF as 0% and #103248 as 100%.

0.0%	0.0% #39B2FF	RGB 57 178 255	#39B2FF
16.7%	16.7% #329CE0	RGB 50 156 224	#329CE0
33.3%	33.3% #2B87C2	RGB 43 135 194	#2B87C2
50.0%	50.0% #2472A3	RGB 36 114 163	#2472A3
66.7%	66.7% #1D5C84	RGB 29 92 132	#1D5C84
83.3%	83.3% #164766	RGB 22 71 102	#164766
100.0%	100.0% #103248	RGB 16 50 72	#103248

#39B2FF #329CE0 #2B87C2 #2472A3 #1D5C84 #164766 #103248

#39B2FF - #103248

HSV Blend

#39B2FF - #103248 | 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 #39B2FF as 0% and #103248 as 100%.

0.0%	0.0% #39B2FF	RGB 57 178 255	#39B2FF
16.7%	16.7% #329CE0	RGB 50 156 224	#329CE0
33.3%	33.3% #2B87C2	RGB 43 135 194	#2B87C2
50.0%	50.0% #2471A3	RGB 36 113 163	#2471A3
66.7%	66.7% #1D5C84	RGB 29 92 132	#1D5C84
83.3%	83.3% #164766	RGB 22 71 102	#164766
100.0%	100.0% #103248	RGB 16 50 72	#103248

#39B2FF #329CE0 #2B87C2 #2471A3 #1D5C84 #164766 #103248

#39B2FF - #2471A3 - #103248

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #39B2FF 0%, #2471A3 50%, #103248 100%);
    background: -webkit-linear-gradient(top, #39B2FF 0%, #2471A3 50%, #103248 100%);
    background: linear-gradient(to bottom, #39B2FF 0%, #2471A3 50%, #103248 100%);
}
</style>