#3E7CDB - #14338B | 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 #3E7CDB to #14338B

#3E7CDB #14338B

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

#3E7CDB - #14338B | 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 #3E7CDB as 0% and #14338B as 100%.

0.0%	0.0% #3E7CDB	RGB 62 124 219	#3E7CDB
16.7%	16.7% #376FCD	RGB 55 111 205	#376FCD
33.3%	33.3% #3063C0	RGB 48 99 192	#3063C0
50.0%	50.0% #2957B3	RGB 41 87 179	#2957B3
66.7%	66.7% #224BA5	RGB 34 75 165	#224BA5
83.3%	83.3% #1B3F98	RGB 27 63 152	#1B3F98
100.0%	100.0% #14338B	RGB 20 51 139	#14338B

#3E7CDB #376FCD #3063C0 #2957B3 #224BA5 #1B3F98 #14338B

#3E7CDB - #14338B

HSV Blend

#3E7CDB - #14338B | 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 #3E7CDB as 0% and #14338B as 100%.

0.0%	0.0% #3E7BDB	RGB 62 123 219	#3E7BDB
16.7%	16.7% #356ECD	RGB 53 110 205	#356ECD
33.3%	33.3% #2D60C0	RGB 45 96 192	#2D60C0
50.0%	50.0% #2654B3	RGB 38 84 179	#2654B3
66.7%	66.7% #1F48A5	RGB 31 72 165	#1F48A5
83.3%	83.3% #193D98	RGB 25 61 152	#193D98
100.0%	100.0% #14338B	RGB 20 51 139	#14338B

#3E7BDB #356ECD #2D60C0 #2654B3 #1F48A5 #193D98 #14338B

#3E7CDB - #2654B3 - #14338B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E7BDB 0%, #2654B3 50%, #14338B 100%);
    background: -webkit-linear-gradient(top, #3E7BDB 0%, #2654B3 50%, #14338B 100%);
    background: linear-gradient(to bottom, #3E7BDB 0%, #2654B3 50%, #14338B 100%);
}
</style>