#1D1330 - #804C55 | 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 #1D1330 to #804C55

#1D1330 #804C55

Calculate the color between two colors, #1D1330 and #804C55. 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)

#1D1330 - #804C55 | 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 #1D1330 as 0% and #804C55 as 100%.

0.0%	0.0% #1D1330	RGB 29 19 48	#1D1330
16.7%	16.7% #2D1C36	RGB 45 28 54	#2D1C36
33.3%	33.3% #3E263C	RGB 62 38 60	#3E263C
50.0%	50.0% #4E2F42	RGB 78 47 66	#4E2F42
66.7%	66.7% #5F3948	RGB 95 57 72	#5F3948
83.3%	83.3% #6F424E	RGB 111 66 78	#6F424E
100.0%	100.0% #804C55	RGB 128 76 85	#804C55

#1D1330 #2D1C36 #3E263C #4E2F42 #5F3948 #6F424E #804C55

#1D1330 - #804C55

HSV Blend

#1D1330 - #804C55 | 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 #1D1330 as 0% and #804C55 as 100%.

0.0%	0.0% #1C1330	RGB 28 19 48	#1C1330
16.7%	16.7% #2F1A3D	RGB 47 26 61	#2F1A3D
33.3%	33.3% #44224A	RGB 68 34 74	#44224A
50.0%	50.0% #582B54	RGB 88 43 84	#582B54
66.7%	66.7% #653555	RGB 101 53 85	#653555
83.3%	83.3% #724055	RGB 114 64 85	#724055
100.0%	100.0% #804C55	RGB 128 76 85	#804C55

#1C1330 #2F1A3D #44224A #582B54 #653555 #724055 #804C55

#1D1330 - #582B54 - #804C55

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C1330 0%, #582B54 50%, #804C55 100%);
    background: -webkit-linear-gradient(top, #1C1330 0%, #582B54 50%, #804C55 100%);
    background: linear-gradient(to bottom, #1C1330 0%, #582B54 50%, #804C55 100%);
}
</style>