#665B5E - #1D191A | 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 #665B5E to #1D191A

#665B5E #1D191A

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

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

0.0%	0.0% #665B5E	RGB 102 91 94	#665B5E
16.7%	16.7% #595052	RGB 89 80 82	#595052
33.3%	33.3% #4D4547	RGB 77 69 71	#4D4547
50.0%	50.0% #413A3C	RGB 65 58 60	#413A3C
66.7%	66.7% #352F30	RGB 53 47 48	#352F30
83.3%	83.3% #292425	RGB 41 36 37	#292425
100.0%	100.0% #1D191A	RGB 29 25 26	#1D191A

#665B5E #595052 #4D4547 #413A3C #352F30 #292425 #1D191A

#665B5E - #1D191A

HSV Blend

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

0.0%	0.0% #665B5E	RGB 102 91 94	#665B5E
16.7%	16.7% #594F52	RGB 89 79 82	#594F52
33.3%	33.3% #4D4446	RGB 77 68 70	#4D4446
50.0%	50.0% #41393B	RGB 65 57 59	#41393B
66.7%	66.7% #352E30	RGB 53 46 48	#352E30
83.3%	83.3% #292325	RGB 41 35 37	#292325
100.0%	100.0% #1D191A	RGB 29 25 26	#1D191A

#665B5E #594F52 #4D4446 #41393B #352E30 #292325 #1D191A

#665B5E - #41393B - #1D191A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #665B5E 0%, #41393B 50%, #1D191A 100%);
    background: -webkit-linear-gradient(top, #665B5E 0%, #41393B 50%, #1D191A 100%);
    background: linear-gradient(to bottom, #665B5E 0%, #41393B 50%, #1D191A 100%);
}
</style>