#3E5C7E - #19242C | 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 #3E5C7E to #19242C

#3E5C7E #19242C

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

#3E5C7E - #19242C | 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 #3E5C7E as 0% and #19242C as 100%.

0.0%	0.0% #3E5C7E	RGB 62 92 126	#3E5C7E
16.7%	16.7% #375270	RGB 55 82 112	#375270
33.3%	33.3% #314962	RGB 49 73 98	#314962
50.0%	50.0% #2B4055	RGB 43 64 85	#2B4055
66.7%	66.7% #253647	RGB 37 54 71	#253647
83.3%	83.3% #1F2D39	RGB 31 45 57	#1F2D39
100.0%	100.0% #19242C	RGB 25 36 44	#19242C

#3E5C7E #375270 #314962 #2B4055 #253647 #1F2D39 #19242C

#3E5C7E - #19242C

HSV Blend

#3E5C7E - #19242C | 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 #3E5C7E as 0% and #19242C as 100%.

0.0%	0.0% #3E5C7E	RGB 62 92 126	#3E5C7E
16.7%	16.7% #385370	RGB 56 83 112	#385370
33.3%	33.3% #334B62	RGB 51 75 98	#334B62
50.0%	50.0% #2D4155	RGB 45 65 85	#2D4155
66.7%	66.7% #263847	RGB 38 56 71	#263847
83.3%	83.3% #202E39	RGB 32 46 57	#202E39
100.0%	100.0% #19242C	RGB 25 36 44	#19242C

#3E5C7E #385370 #334B62 #2D4155 #263847 #202E39 #19242C

#3E5C7E - #2D4155 - #19242C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5C7E 0%, #2D4155 50%, #19242C 100%);
    background: -webkit-linear-gradient(top, #3E5C7E 0%, #2D4155 50%, #19242C 100%);
    background: linear-gradient(to bottom, #3E5C7E 0%, #2D4155 50%, #19242C 100%);
}
</style>