#9C9292 - #E6ACCF | 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 #9C9292 to #E6ACCF

#9C9292 #E6ACCF

Calculate the color between two colors, #9C9292 and #E6ACCF. 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)

#9C9292 - #E6ACCF | 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 #9C9292 as 0% and #E6ACCF as 100%.

0.0%	0.0% #9C9292	RGB 156 146 146	#9C9292
16.7%	16.7% #A8969C	RGB 168 150 156	#A8969C
33.3%	33.3% #B49AA6	RGB 180 154 166	#B49AA6
50.0%	50.0% #C19FB0	RGB 193 159 176	#C19FB0
66.7%	66.7% #CDA3BA	RGB 205 163 186	#CDA3BA
83.3%	83.3% #D9A7C4	RGB 217 167 196	#D9A7C4
100.0%	100.0% #E6ACCF	RGB 230 172 207	#E6ACCF

#9C9292 #A8969C #B49AA6 #C19FB0 #CDA3BA #D9A7C4 #E6ACCF

#9C9292 - #E6ACCF

HSV Blend

#9C9292 - #E6ACCF | 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 #9C9292 as 0% and #E6ACCF as 100%.

0.0%	0.0% #9C9292	RGB 156 146 146	#9C9292
16.7%	16.7% #A89899	RGB 168 152 153	#A89899
33.3%	33.3% #B49DA2	RGB 180 157 162	#B49DA2
50.0%	50.0% #C1A2AB	RGB 193 162 171	#C1A2AB
66.7%	66.7% #CDA6B6	RGB 205 166 182	#CDA6B6
83.3%	83.3% #D9A9C1	RGB 217 169 193	#D9A9C1
100.0%	100.0% #E6ACCF	RGB 230 172 207	#E6ACCF

#9C9292 #A89899 #B49DA2 #C1A2AB #CDA6B6 #D9A9C1 #E6ACCF

#9C9292 - #C1A2AB - #E6ACCF

CSS codes

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

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