#3E5284 - #15212E | 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 #3E5284 to #15212E

#3E5284 #15212E

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

#3E5284 - #15212E | 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 #3E5284 as 0% and #15212E as 100%.

0.0%	0.0% #3E5284	RGB 62 82 132	#3E5284
16.7%	16.7% #374975	RGB 55 73 117	#374975
33.3%	33.3% #304167	RGB 48 65 103	#304167
50.0%	50.0% #293959	RGB 41 57 89	#293959
66.7%	66.7% #22314A	RGB 34 49 74	#22314A
83.3%	83.3% #1B293C	RGB 27 41 60	#1B293C
100.0%	100.0% #15212E	RGB 21 33 46	#15212E

#3E5284 #374975 #304167 #293959 #22314A #1B293C #15212E

#3E5284 - #15212E

HSV Blend

#3E5284 - #15212E | 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 #3E5284 as 0% and #15212E as 100%.

0.0%	0.0% #3E5184	RGB 62 81 132	#3E5184
16.7%	16.7% #374A75	RGB 55 74 117	#374A75
33.3%	33.3% #304367	RGB 48 67 103	#304367
50.0%	50.0% #293B59	RGB 41 59 89	#293B59
66.7%	66.7% #22334A	RGB 34 51 74	#22334A
83.3%	83.3% #1B2A3C	RGB 27 42 60	#1B2A3C
100.0%	100.0% #15212E	RGB 21 33 46	#15212E

#3E5184 #374A75 #304367 #293B59 #22334A #1B2A3C #15212E

#3E5284 - #293B59 - #15212E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5184 0%, #293B59 50%, #15212E 100%);
    background: -webkit-linear-gradient(top, #3E5184 0%, #293B59 50%, #15212E 100%);
    background: linear-gradient(to bottom, #3E5184 0%, #293B59 50%, #15212E 100%);
}
</style>