#205B5E - #1E1C19 | 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 #205B5E to #1E1C19

#205B5E #1E1C19

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

#205B5E - #1E1C19 | 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 #205B5E as 0% and #1E1C19 as 100%.

0.0%	0.0% #205B5E	RGB 32 91 94	#205B5E
16.7%	16.7% #1F5052	RGB 31 80 82	#1F5052
33.3%	33.3% #1F4647	RGB 31 70 71	#1F4647
50.0%	50.0% #1F3B3B	RGB 31 59 59	#1F3B3B
66.7%	66.7% #1E3130	RGB 30 49 48	#1E3130
83.3%	83.3% #1E2624	RGB 30 38 36	#1E2624
100.0%	100.0% #1E1C19	RGB 30 28 25	#1E1C19

#205B5E #1F5052 #1F4647 #1F3B3B #1E3130 #1E2624 #1E1C19

#205B5E - #1E1C19

HSV Blend

#205B5E - #1E1C19 | 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 #205B5E as 0% and #1E1C19 as 100%.

0.0%	0.0% #205B5E	RGB 32 91 94	#205B5E
16.7%	16.7% #235342	RGB 35 83 66	#235342
33.3%	33.3% #24482D	RGB 36 72 45	#24482D
50.0%	50.0% #283E24	RGB 40 62 36	#283E24
66.7%	66.7% #2C3322	RGB 44 51 34	#2C3322
83.3%	83.3% #28281E	RGB 40 40 30	#28281E
100.0%	100.0% #1E1C19	RGB 30 28 25	#1E1C19

#205B5E #235342 #24482D #283E24 #2C3322 #28281E #1E1C19

#205B5E - #283E24 - #1E1C19

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #205B5E 0%, #283E24 50%, #1E1C19 100%);
    background: -webkit-linear-gradient(top, #205B5E 0%, #283E24 50%, #1E1C19 100%);
    background: linear-gradient(to bottom, #205B5E 0%, #283E24 50%, #1E1C19 100%);
}
</style>