#665C5E - #1D1A1A | 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 #665C5E to #1D1A1A

#665C5E #1D1A1A

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

#665C5E - #1D1A1A | 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 #665C5E as 0% and #1D1A1A as 100%.

0.0%	0.0% #665C5E	RGB 102 92 94	#665C5E
16.7%	16.7% #595152	RGB 89 81 82	#595152
33.3%	33.3% #4D4647	RGB 77 70 71	#4D4647
50.0%	50.0% #413B3C	RGB 65 59 60	#413B3C
66.7%	66.7% #353030	RGB 53 48 48	#353030
83.3%	83.3% #292525	RGB 41 37 37	#292525
100.0%	100.0% #1D1A1A	RGB 29 26 26	#1D1A1A

#665C5E #595152 #4D4647 #413B3C #353030 #292525 #1D1A1A

#665C5E - #1D1A1A

HSV Blend

#665C5E - #1D1A1A | 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 #665C5E as 0% and #1D1A1A as 100%.

0.0%	0.0% #665C5E	RGB 102 92 94	#665C5E
16.7%	16.7% #595052	RGB 89 80 82	#595052
33.3%	33.3% #4D4546	RGB 77 69 70	#4D4546
50.0%	50.0% #413A3B	RGB 65 58 59	#413A3B
66.7%	66.7% #352F30	RGB 53 47 48	#352F30
83.3%	83.3% #292425	RGB 41 36 37	#292425
100.0%	100.0% #1D1A1A	RGB 29 26 26	#1D1A1A

#665C5E #595052 #4D4546 #413A3B #352F30 #292425 #1D1A1A

#665C5E - #413A3B - #1D1A1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #665C5E 0%, #413A3B 50%, #1D1A1A 100%);
    background: -webkit-linear-gradient(top, #665C5E 0%, #413A3B 50%, #1D1A1A 100%);
    background: linear-gradient(to bottom, #665C5E 0%, #413A3B 50%, #1D1A1A 100%);
}
</style>