#511E2D - #CDBEC2 | 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 #511E2D to #CDBEC2

#511E2D #CDBEC2

Calculate the color between two colors, #511E2D and #CDBEC2. 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)

#511E2D - #CDBEC2 | 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 #511E2D as 0% and #CDBEC2 as 100%.

0.0%	0.0% #511E2D	RGB 81 30 45	#511E2D
16.7%	16.7% #653845	RGB 101 56 69	#653845
33.3%	33.3% #7A535E	RGB 122 83 94	#7A535E
50.0%	50.0% #8F6E77	RGB 143 110 119	#8F6E77
66.7%	66.7% #A38890	RGB 163 136 144	#A38890
83.3%	83.3% #B8A3A9	RGB 184 163 169	#B8A3A9
100.0%	100.0% #CDBEC2	RGB 205 190 194	#CDBEC2

#511E2D #653845 #7A535E #8F6E77 #A38890 #B8A3A9 #CDBEC2

#511E2D - #CDBEC2

HSV Blend

#511E2D - #CDBEC2 | 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 #511E2D as 0% and #CDBEC2 as 100%.

0.0%	0.0% #511E2C	RGB 81 30 44	#511E2C
16.7%	16.7% #652F3E	RGB 101 47 62	#652F3E
33.3%	33.3% #7A4353	RGB 122 67 83	#7A4353
50.0%	50.0% #8F5C6A	RGB 143 92 106	#8F5C6A
66.7%	66.7% #A37985	RGB 163 121 133	#A37985
83.3%	83.3% #B899A2	RGB 184 153 162	#B899A2
100.0%	100.0% #CDBEC2	RGB 205 190 194	#CDBEC2

#511E2C #652F3E #7A4353 #8F5C6A #A37985 #B899A2 #CDBEC2

#511E2D - #8F5C6A - #CDBEC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #511E2C 0%, #8F5C6A 50%, #CDBEC2 100%);
    background: -webkit-linear-gradient(top, #511E2C 0%, #8F5C6A 50%, #CDBEC2 100%);
    background: linear-gradient(to bottom, #511E2C 0%, #8F5C6A 50%, #CDBEC2 100%);
}
</style>