#1E5E5F - #1F1D1A | 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 #1E5E5F to #1F1D1A

#1E5E5F #1F1D1A

Calculate the color between two colors, #1E5E5F and #1F1D1A. 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)

#1E5E5F - #1F1D1A | 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 #1E5E5F as 0% and #1F1D1A as 100%.

0.0%	0.0% #1E5E5F	RGB 30 94 95	#1E5E5F
16.7%	16.7% #1E5353	RGB 30 83 83	#1E5353
33.3%	33.3% #1E4848	RGB 30 72 72	#1E4848
50.0%	50.0% #1E3D3C	RGB 30 61 60	#1E3D3C
66.7%	66.7% #1E3231	RGB 30 50 49	#1E3231
83.3%	83.3% #1E2725	RGB 30 39 37	#1E2725
100.0%	100.0% #1F1D1A	RGB 31 29 26	#1F1D1A

#1E5E5F #1E5353 #1E4848 #1E3D3C #1E3231 #1E2725 #1F1D1A

#1E5E5F - #1F1D1A

HSV Blend

#1E5E5F - #1F1D1A | 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 #1E5E5F as 0% and #1F1D1A as 100%.

0.0%	0.0% #1E5D5F	RGB 30 93 95	#1E5D5F
16.7%	16.7% #215440	RGB 33 84 64	#215440
33.3%	33.3% #24492C	RGB 36 73 44	#24492C
50.0%	50.0% #293F24	RGB 41 63 36	#293F24
66.7%	66.7% #2D3422	RGB 45 52 34	#2D3422
83.3%	83.3% #29291F	RGB 41 41 31	#29291F
100.0%	100.0% #1F1D1A	RGB 31 29 26	#1F1D1A

#1E5D5F #215440 #24492C #293F24 #2D3422 #29291F #1F1D1A

#1E5E5F - #293F24 - #1F1D1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E5D5F 0%, #293F24 50%, #1F1D1A 100%);
    background: -webkit-linear-gradient(top, #1E5D5F 0%, #293F24 50%, #1F1D1A 100%);
    background: linear-gradient(to bottom, #1E5D5F 0%, #293F24 50%, #1F1D1A 100%);
}
</style>