#611B33 - #D1BDC4 | 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 #611B33 to #D1BDC4

#611B33 #D1BDC4

Calculate the color between two colors, #611B33 and #D1BDC4. 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)

#611B33 - #D1BDC4 | 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 #611B33 as 0% and #D1BDC4 as 100%.

0.0%	0.0% #611B33	RGB 97 27 51	#611B33
16.7%	16.7% #73364B	RGB 115 54 75	#73364B
33.3%	33.3% #865163	RGB 134 81 99	#865163
50.0%	50.0% #996C7B	RGB 153 108 123	#996C7B
66.7%	66.7% #AB8793	RGB 171 135 147	#AB8793
83.3%	83.3% #BEA2AB	RGB 190 162 171	#BEA2AB
100.0%	100.0% #D1BDC4	RGB 209 189 196	#D1BDC4

#611B33 #73364B #865163 #996C7B #AB8793 #BEA2AB #D1BDC4

#611B33 - #D1BDC4

HSV Blend

#611B33 - #D1BDC4 | 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 #611B33 as 0% and #D1BDC4 as 100%.

0.0%	0.0% #611B33	RGB 97 27 51	#611B33
16.7%	16.7% #732C44	RGB 115 44 68	#732C44
33.3%	33.3% #864159	RGB 134 65 89	#864159
50.0%	50.0% #995A70	RGB 153 90 112	#995A70
66.7%	66.7% #AB7789	RGB 171 119 137	#AB7789
83.3%	83.3% #BE98A5	RGB 190 152 165	#BE98A5
100.0%	100.0% #D1BDC4	RGB 209 189 196	#D1BDC4

#611B33 #732C44 #864159 #995A70 #AB7789 #BE98A5 #D1BDC4

#611B33 - #995A70 - #D1BDC4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #611B33 0%, #995A70 50%, #D1BDC4 100%);
    background: -webkit-linear-gradient(top, #611B33 0%, #995A70 50%, #D1BDC4 100%);
    background: linear-gradient(to bottom, #611B33 0%, #995A70 50%, #D1BDC4 100%);
}
</style>