#50181C - #CDBDBE | 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 #50181C to #CDBDBE

#50181C #CDBDBE

Calculate the color between two colors, #50181C and #CDBDBE. 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)

#50181C - #CDBDBE | 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 #50181C as 0% and #CDBDBE as 100%.

0.0%	0.0% #50181C	RGB 80 24 28	#50181C
16.7%	16.7% #643337	RGB 100 51 55	#643337
33.3%	33.3% #794F52	RGB 121 79 82	#794F52
50.0%	50.0% #8E6A6D	RGB 142 106 109	#8E6A6D
66.7%	66.7% #A38688	RGB 163 134 136	#A38688
83.3%	83.3% #B8A1A3	RGB 184 161 163	#B8A1A3
100.0%	100.0% #CDBDBE	RGB 205 189 190	#CDBDBE

#50181C #643337 #794F52 #8E6A6D #A38688 #B8A1A3 #CDBDBE

#50181C - #CDBDBE

HSV Blend

#50181C - #CDBDBE | 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 #50181C as 0% and #CDBDBE as 100%.

0.0%	0.0% #50181C	RGB 80 24 28	#50181C
16.7%	16.7% #64282C	RGB 100 40 44	#64282C
33.3%	33.3% #793D41	RGB 121 61 65	#793D41
50.0%	50.0% #8E575A	RGB 142 87 90	#8E575A
66.7%	66.7% #A37477	RGB 163 116 119	#A37477
83.3%	83.3% #B89698	RGB 184 150 152	#B89698
100.0%	100.0% #CDBDBE	RGB 205 189 190	#CDBDBE

#50181C #64282C #793D41 #8E575A #A37477 #B89698 #CDBDBE

#50181C - #8E575A - #CDBDBE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50181C 0%, #8E575A 50%, #CDBDBE 100%);
    background: -webkit-linear-gradient(top, #50181C 0%, #8E575A 50%, #CDBDBE 100%);
    background: linear-gradient(to bottom, #50181C 0%, #8E575A 50%, #CDBDBE 100%);
}
</style>