#265B5E - #171917 | 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 #265B5E to #171917

#265B5E #171917

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

#265B5E - #171917 | 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 #265B5E as 0% and #171917 as 100%.

0.0%	0.0% #265B5E	RGB 38 91 94	#265B5E
16.7%	16.7% #235052	RGB 35 80 82	#235052
33.3%	33.3% #214546	RGB 33 69 70	#214546
50.0%	50.0% #1E3A3A	RGB 30 58 58	#1E3A3A
66.7%	66.7% #1C2F2E	RGB 28 47 46	#1C2F2E
83.3%	83.3% #192422	RGB 25 36 34	#192422
100.0%	100.0% #171917	RGB 23 25 23	#171917

#265B5E #235052 #214546 #1E3A3A #1C2F2E #192422 #171917

#265B5E - #171917

HSV Blend

#265B5E - #171917 | 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 #265B5E as 0% and #171917 as 100%.

0.0%	0.0% #265A5E	RGB 38 90 94	#265A5E
16.7%	16.7% #28524D	RGB 40 82 77	#28524D
33.3%	33.3% #28473E	RGB 40 71 62	#28473E
50.0%	50.0% #273B31	RGB 39 59 49	#273B31
66.7%	66.7% #233028	RGB 35 48 40	#233028
83.3%	83.3% #1E241F	RGB 30 36 31	#1E241F
100.0%	100.0% #171917	RGB 23 25 23	#171917

#265A5E #28524D #28473E #273B31 #233028 #1E241F #171917

#265B5E - #273B31 - #171917

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #265A5E 0%, #273B31 50%, #171917 100%);
    background: -webkit-linear-gradient(top, #265A5E 0%, #273B31 50%, #171917 100%);
    background: linear-gradient(to bottom, #265A5E 0%, #273B31 50%, #171917 100%);
}
</style>