#3F96CF - #004882 | 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 #3F96CF to #004882

#3F96CF #004882

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

#3F96CF - #004882 | 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 #3F96CF as 0% and #004882 as 100%.

0.0%	0.0% #3F96CF	RGB 63 150 207	#3F96CF
16.7%	16.7% #3489C2	RGB 52 137 194	#3489C2
33.3%	33.3% #2A7CB5	RGB 42 124 181	#2A7CB5
50.0%	50.0% #1F6FA8	RGB 31 111 168	#1F6FA8
66.7%	66.7% #15629B	RGB 21 98 155	#15629B
83.3%	83.3% #0A558E	RGB 10 85 142	#0A558E
100.0%	100.0% #004882	RGB 0 72 130	#004882

#3F96CF #3489C2 #2A7CB5 #1F6FA8 #15629B #0A558E #004882

#3F96CF - #004882

HSV Blend

#3F96CF - #004882 | 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 #3F96CF as 0% and #004882 as 100%.

0.0%	0.0% #3F96CF	RGB 63 150 207	#3F96CF
16.7%	16.7% #3187C2	RGB 49 135 194	#3187C2
33.3%	33.3% #2479B5	RGB 36 121 181	#2479B5
50.0%	50.0% #196CA8	RGB 25 108 168	#196CA8
66.7%	66.7% #0F5F9B	RGB 15 95 155	#0F5F9B
83.3%	83.3% #07538E	RGB 7 83 142	#07538E
100.0%	100.0% #004882	RGB 0 72 130	#004882

#3F96CF #3187C2 #2479B5 #196CA8 #0F5F9B #07538E #004882

#3F96CF - #196CA8 - #004882

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F96CF 0%, #196CA8 50%, #004882 100%);
    background: -webkit-linear-gradient(top, #3F96CF 0%, #196CA8 50%, #004882 100%);
    background: linear-gradient(to bottom, #3F96CF 0%, #196CA8 50%, #004882 100%);
}
</style>