#261E3C - #975D60 | 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 #261E3C to #975D60

#261E3C #975D60

Calculate the color between two colors, #261E3C and #975D60. 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)

#261E3C - #975D60 | 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 #261E3C as 0% and #975D60 as 100%.

0.0%	0.0% #261E3C	RGB 38 30 60	#261E3C
16.7%	16.7% #382842	RGB 56 40 66	#382842
33.3%	33.3% #4B3348	RGB 75 51 72	#4B3348
50.0%	50.0% #5E3D4E	RGB 94 61 78	#5E3D4E
66.7%	66.7% #714854	RGB 113 72 84	#714854
83.3%	83.3% #84525A	RGB 132 82 90	#84525A
100.0%	100.0% #975D60	RGB 151 93 96	#975D60

#261E3C #382842 #4B3348 #5E3D4E #714854 #84525A #975D60

#261E3C - #975D60

HSV Blend

#261E3C - #975D60 | 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 #261E3C as 0% and #975D60 as 100%.

0.0%	0.0% #261E3C	RGB 38 30 60	#261E3C
16.7%	16.7% #3A274B	RGB 58 39 75	#3A274B
33.3%	33.3% #53305A	RGB 83 48 90	#53305A
50.0%	50.0% #693A64	RGB 105 58 100	#693A64
66.7%	66.7% #784564	RGB 120 69 100	#784564
83.3%	83.3% #875163	RGB 135 81 99	#875163
100.0%	100.0% #975D60	RGB 151 93 96	#975D60

#261E3C #3A274B #53305A #693A64 #784564 #875163 #975D60

#261E3C - #693A64 - #975D60

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #261E3C 0%, #693A64 50%, #975D60 100%);
    background: -webkit-linear-gradient(top, #261E3C 0%, #693A64 50%, #975D60 100%);
    background: linear-gradient(to bottom, #261E3C 0%, #693A64 50%, #975D60 100%);
}
</style>