#56464C - #CECACC | 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 #56464C to #CECACC

#56464C #CECACC

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

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

0.0%	0.0% #56464C	RGB 86 70 76	#56464C
16.7%	16.7% #6A5C61	RGB 106 92 97	#6A5C61
33.3%	33.3% #7E7276	RGB 126 114 118	#7E7276
50.0%	50.0% #92888C	RGB 146 136 140	#92888C
66.7%	66.7% #A69EA1	RGB 166 158 161	#A69EA1
83.3%	83.3% #BAB4B6	RGB 186 180 182	#BAB4B6
100.0%	100.0% #CECACC	RGB 206 202 204	#CECACC

#56464C #6A5C61 #7E7276 #92888C #A69EA1 #BAB4B6 #CECACC

#56464C - #CECACC

HSV Blend

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

0.0%	0.0% #56464C	RGB 86 70 76	#56464C
16.7%	16.7% #6A595F	RGB 106 89 95	#6A595F
33.3%	33.3% #7E6D74	RGB 126 109 116	#7E6D74
50.0%	50.0% #928389	RGB 146 131 137	#928389
66.7%	66.7% #A6999F	RGB 166 153 159	#A6999F
83.3%	83.3% #BAB1B5	RGB 186 177 181	#BAB1B5
100.0%	100.0% #CECACC	RGB 206 202 204	#CECACC

#56464C #6A595F #7E6D74 #928389 #A6999F #BAB1B5 #CECACC

#56464C - #928389 - #CECACC

CSS codes

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

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