#4D0808 - #CCB8B8 | 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 #4D0808 to #CCB8B8

#4D0808 #CCB8B8

Calculate the color between two colors, #4D0808 and #CCB8B8. 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)

#4D0808 - #CCB8B8 | 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 #4D0808 as 0% and #CCB8B8 as 100%.

0.0%	0.0% #4D0808	RGB 77 8 8	#4D0808
16.7%	16.7% #622525	RGB 98 37 37	#622525
33.3%	33.3% #774242	RGB 119 66 66	#774242
50.0%	50.0% #8C6060	RGB 140 96 96	#8C6060
66.7%	66.7% #A17D7D	RGB 161 125 125	#A17D7D
83.3%	83.3% #B69A9A	RGB 182 154 154	#B69A9A
100.0%	100.0% #CCB8B8	RGB 204 184 184	#CCB8B8

#4D0808 #622525 #774242 #8C6060 #A17D7D #B69A9A #CCB8B8

#4D0808 - #CCB8B8

HSV Blend

#4D0808 - #CCB8B8 | 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 #4D0808 as 0% and #CCB8B8 as 100%.

0.0%	0.0% #4D0707	RGB 77 7 7	#4D0707
16.7%	16.7% #621717	RGB 98 23 23	#621717
33.3%	33.3% #772C2C	RGB 119 44 44	#772C2C
50.0%	50.0% #8C4646	RGB 140 70 70	#8C4646
66.7%	66.7% #A16666	RGB 161 102 102	#A16666
83.3%	83.3% #B68C8C	RGB 182 140 140	#B68C8C
100.0%	100.0% #CCB8B8	RGB 204 184 184	#CCB8B8

#4D0707 #621717 #772C2C #8C4646 #A16666 #B68C8C #CCB8B8

#4D0808 - #8C4646 - #CCB8B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D0707 0%, #8C4646 50%, #CCB8B8 100%);
    background: -webkit-linear-gradient(top, #4D0707 0%, #8C4646 50%, #CCB8B8 100%);
    background: linear-gradient(to bottom, #4D0707 0%, #8C4646 50%, #CCB8B8 100%);
}
</style>