#3E3EB6 - #0F1450 | 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 #3E3EB6 to #0F1450

#3E3EB6 #0F1450

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

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

0.0%	0.0% #3E3EB6	RGB 62 62 182	#3E3EB6
16.7%	16.7% #3637A5	RGB 54 55 165	#3637A5
33.3%	33.3% #2E3094	RGB 46 48 148	#2E3094
50.0%	50.0% #262983	RGB 38 41 131	#262983
66.7%	66.7% #1E2272	RGB 30 34 114	#1E2272
83.3%	83.3% #161B61	RGB 22 27 97	#161B61
100.0%	100.0% #0F1450	RGB 15 20 80	#0F1450

#3E3EB6 #3637A5 #2E3094 #262983 #1E2272 #161B61 #0F1450

#3E3EB6 - #0F1450

HSV Blend

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

0.0%	0.0% #3E3EB6	RGB 62 62 182	#3E3EB6
16.7%	16.7% #3335A5	RGB 51 53 165	#3335A5
33.3%	33.3% #2A2D94	RGB 42 45 148	#2A2D94
50.0%	50.0% #222683	RGB 34 38 131	#222683
66.7%	66.7% #1B1F72	RGB 27 31 114	#1B1F72
83.3%	83.3% #141961	RGB 20 25 97	#141961
100.0%	100.0% #0F1450	RGB 15 20 80	#0F1450

#3E3EB6 #3335A5 #2A2D94 #222683 #1B1F72 #141961 #0F1450

#3E3EB6 - #222683 - #0F1450

CSS codes

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

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