#2D253B - #A5655B | 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 #2D253B to #A5655B

#2D253B #A5655B

Calculate the color between two colors, #2D253B and #A5655B. 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)

#2D253B - #A5655B | 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 #2D253B as 0% and #A5655B as 100%.

0.0%	0.0% #2D253B	RGB 45 37 59	#2D253B
16.7%	16.7% #412F40	RGB 65 47 64	#412F40
33.3%	33.3% #553A45	RGB 85 58 69	#553A45
50.0%	50.0% #69454B	RGB 105 69 75	#69454B
66.7%	66.7% #7D4F50	RGB 125 79 80	#7D4F50
83.3%	83.3% #915A55	RGB 145 90 85	#915A55
100.0%	100.0% #A5655B	RGB 165 101 91	#A5655B

#2D253B #412F40 #553A45 #69454B #7D4F50 #915A55 #A5655B

#2D253B - #A5655B

HSV Blend

#2D253B - #A5655B | 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 #2D253B as 0% and #A5655B as 100%.

0.0%	0.0% #2C253B	RGB 44 37 59	#2C253B
16.7%	16.7% #422F4C	RGB 66 47 76	#422F4C
33.3%	33.3% #5C385E	RGB 92 56 94	#5C385E
50.0%	50.0% #704264	RGB 112 66 100	#704264
66.7%	66.7% #814A63	RGB 129 74 99	#814A63
83.3%	83.3% #93535D	RGB 147 83 93	#93535D
100.0%	100.0% #A5655B	RGB 165 101 91	#A5655B

#2C253B #422F4C #5C385E #704264 #814A63 #93535D #A5655B

#2D253B - #704264 - #A5655B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C253B 0%, #704264 50%, #A5655B 100%);
    background: -webkit-linear-gradient(top, #2C253B 0%, #704264 50%, #A5655B 100%);
    background: linear-gradient(to bottom, #2C253B 0%, #704264 50%, #A5655B 100%);
}
</style>