#995454 - #E1CECE | 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 #995454 to #E1CECE

#995454 #E1CECE

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

#995454 - #E1CECE | 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 #995454 as 0% and #E1CECE as 100%.

0.0%	0.0% #995454	RGB 153 84 84	#995454
16.7%	16.7% #A56868	RGB 165 104 104	#A56868
33.3%	33.3% #B17C7C	RGB 177 124 124	#B17C7C
50.0%	50.0% #BD9191	RGB 189 145 145	#BD9191
66.7%	66.7% #C9A5A5	RGB 201 165 165	#C9A5A5
83.3%	83.3% #D5B9B9	RGB 213 185 185	#D5B9B9
100.0%	100.0% #E1CECE	RGB 225 206 206	#E1CECE

#995454 #A56868 #B17C7C #BD9191 #C9A5A5 #D5B9B9 #E1CECE

#995454 - #E1CECE

HSV Blend

#995454 - #E1CECE | 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 #995454 as 0% and #E1CECE as 100%.

0.0%	0.0% #995454	RGB 153 84 84	#995454
16.7%	16.7% #A56464	RGB 165 100 100	#A56464
33.3%	33.3% #B17676	RGB 177 118 118	#B17676
50.0%	50.0% #BD8A8A	RGB 189 138 138	#BD8A8A
66.7%	66.7% #C99F9F	RGB 201 159 159	#C99F9F
83.3%	83.3% #D5B6B6	RGB 213 182 182	#D5B6B6
100.0%	100.0% #E1CECE	RGB 225 206 206	#E1CECE

#995454 #A56464 #B17676 #BD8A8A #C99F9F #D5B6B6 #E1CECE

#995454 - #BD8A8A - #E1CECE

CSS codes

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

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