#180B22 - #523C5E | 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 #180B22 to #523C5E

#180B22 #523C5E

Calculate the color between two colors, #180B22 and #523C5E. 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)

#180B22 - #523C5E | 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 #180B22 as 0% and #523C5E as 100%.

0.0%	0.0% #180B22	RGB 24 11 34	#180B22
16.7%	16.7% #21132C	RGB 33 19 44	#21132C
33.3%	33.3% #2B1B36	RGB 43 27 54	#2B1B36
50.0%	50.0% #352340	RGB 53 35 64	#352340
66.7%	66.7% #3E2B4A	RGB 62 43 74	#3E2B4A
83.3%	83.3% #483354	RGB 72 51 84	#483354
100.0%	100.0% #523C5E	RGB 82 60 94	#523C5E

#180B22 #21132C #2B1B36 #352340 #3E2B4A #483354 #523C5E

#180B22 - #523C5E

HSV Blend

#180B22 - #523C5E | 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 #180B22 as 0% and #523C5E as 100%.

0.0%	0.0% #180B22	RGB 24 11 34	#180B22
16.7%	16.7% #20102C	RGB 32 16 44	#20102C
33.3%	33.3% #291736	RGB 41 23 54	#291736
50.0%	50.0% #321E40	RGB 50 30 64	#321E40
66.7%	66.7% #3C274A	RGB 60 39 74	#3C274A
83.3%	83.3% #473154	RGB 71 49 84	#473154
100.0%	100.0% #523C5E	RGB 82 60 94	#523C5E

#180B22 #20102C #291736 #321E40 #3C274A #473154 #523C5E

#180B22 - #321E40 - #523C5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #180B22 0%, #321E40 50%, #523C5E 100%);
    background: -webkit-linear-gradient(top, #180B22 0%, #321E40 50%, #523C5E 100%);
    background: linear-gradient(to bottom, #180B22 0%, #321E40 50%, #523C5E 100%);
}
</style>