#6E5454 - #D5CECE | 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 #6E5454 to #D5CECE

#6E5454 #D5CECE

Calculate the color between two colors, #6E5454 and #D5CECE. 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)

#6E5454 - #D5CECE | 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 #6E5454 as 0% and #D5CECE as 100%.

0.0%	0.0% #6E5454	RGB 110 84 84	#6E5454
16.7%	16.7% #7F6868	RGB 127 104 104	#7F6868
33.3%	33.3% #907C7C	RGB 144 124 124	#907C7C
50.0%	50.0% #A19191	RGB 161 145 145	#A19191
66.7%	66.7% #B2A5A5	RGB 178 165 165	#B2A5A5
83.3%	83.3% #C3B9B9	RGB 195 185 185	#C3B9B9
100.0%	100.0% #D5CECE	RGB 213 206 206	#D5CECE

#6E5454 #7F6868 #907C7C #A19191 #B2A5A5 #C3B9B9 #D5CECE

#6E5454 - #D5CECE

HSV Blend

#6E5454 - #D5CECE | 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 #6E5454 as 0% and #D5CECE as 100%.

0.0%	0.0% #6E5454	RGB 110 84 84	#6E5454
16.7%	16.7% #7F6565	RGB 127 101 101	#7F6565
33.3%	33.3% #907878	RGB 144 120 120	#907878
50.0%	50.0% #A18B8B	RGB 161 139 139	#A18B8B
66.7%	66.7% #B2A0A0	RGB 178 160 160	#B2A0A0
83.3%	83.3% #C3B6B6	RGB 195 182 182	#C3B6B6
100.0%	100.0% #D5CECE	RGB 213 206 206	#D5CECE

#6E5454 #7F6565 #907878 #A18B8B #B2A0A0 #C3B6B6 #D5CECE

#6E5454 - #A18B8B - #D5CECE

CSS codes

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

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