#5E665B - #1A1D19 | 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 #5E665B to #1A1D19

#5E665B #1A1D19

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

#5E665B - #1A1D19 | 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 #5E665B as 0% and #1A1D19 as 100%.

0.0%	0.0% #5E665B	RGB 94 102 91	#5E665B
16.7%	16.7% #525950	RGB 82 89 80	#525950
33.3%	33.3% #474D45	RGB 71 77 69	#474D45
50.0%	50.0% #3C413A	RGB 60 65 58	#3C413A
66.7%	66.7% #30352F	RGB 48 53 47	#30352F
83.3%	83.3% #252924	RGB 37 41 36	#252924
100.0%	100.0% #1A1D19	RGB 26 29 25	#1A1D19

#5E665B #525950 #474D45 #3C413A #30352F #252924 #1A1D19

#5E665B - #1A1D19

HSV Blend

#5E665B - #1A1D19 | 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 #5E665B as 0% and #1A1D19 as 100%.

0.0%	0.0% #5E665B	RGB 94 102 91	#5E665B
16.7%	16.7% #52594F	RGB 82 89 79	#52594F
33.3%	33.3% #464D44	RGB 70 77 68	#464D44
50.0%	50.0% #3B4139	RGB 59 65 57	#3B4139
66.7%	66.7% #30352E	RGB 48 53 46	#30352E
83.3%	83.3% #252923	RGB 37 41 35	#252923
100.0%	100.0% #1A1D19	RGB 26 29 25	#1A1D19

#5E665B #52594F #464D44 #3B4139 #30352E #252923 #1A1D19

#5E665B - #3B4139 - #1A1D19

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E665B 0%, #3B4139 50%, #1A1D19 100%);
    background: -webkit-linear-gradient(top, #5E665B 0%, #3B4139 50%, #1A1D19 100%);
    background: linear-gradient(to bottom, #5E665B 0%, #3B4139 50%, #1A1D19 100%);
}
</style>