#551515 - #CEBCBC | 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 #551515 to #CEBCBC

#551515 #CEBCBC

Calculate the color between two colors, #551515 and #CEBCBC. 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)

#551515 - #CEBCBC | 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 #551515 as 0% and #CEBCBC as 100%.

0.0%	0.0% #551515	RGB 85 21 21	#551515
16.7%	16.7% #693030	RGB 105 48 48	#693030
33.3%	33.3% #7D4C4C	RGB 125 76 76	#7D4C4C
50.0%	50.0% #916868	RGB 145 104 104	#916868
66.7%	66.7% #A58484	RGB 165 132 132	#A58484
83.3%	83.3% #B9A0A0	RGB 185 160 160	#B9A0A0
100.0%	100.0% #CEBCBC	RGB 206 188 188	#CEBCBC

#551515 #693030 #7D4C4C #916868 #A58484 #B9A0A0 #CEBCBC

#551515 - #CEBCBC

HSV Blend

#551515 - #CEBCBC | 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 #551515 as 0% and #CEBCBC as 100%.

0.0%	0.0% #551414	RGB 85 20 20	#551414
16.7%	16.7% #692525	RGB 105 37 37	#692525
33.3%	33.3% #7D3A3A	RGB 125 58 58	#7D3A3A
50.0%	50.0% #915454	RGB 145 84 84	#915454
66.7%	66.7% #A57272	RGB 165 114 114	#A57272
83.3%	83.3% #B99494	RGB 185 148 148	#B99494
100.0%	100.0% #CEBCBC	RGB 206 188 188	#CEBCBC

#551414 #692525 #7D3A3A #915454 #A57272 #B99494 #CEBCBC

#551515 - #915454 - #CEBCBC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #551414 0%, #915454 50%, #CEBCBC 100%);
    background: -webkit-linear-gradient(top, #551414 0%, #915454 50%, #CEBCBC 100%);
    background: linear-gradient(to bottom, #551414 0%, #915454 50%, #CEBCBC 100%);
}
</style>