#ABA56C - #C0C0CC | 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 #ABA56C to #C0C0CC

#ABA56C #C0C0CC

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

#ABA56C - #C0C0CC | 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 #ABA56C as 0% and #C0C0CC as 100%.

0.0%	0.0% #ABA56C	RGB 171 165 108	#ABA56C
16.7%	16.7% #AEA97C	RGB 174 169 124	#AEA97C
33.3%	33.3% #B2AE8C	RGB 178 174 140	#B2AE8C
50.0%	50.0% #B5B29C	RGB 181 178 156	#B5B29C
66.7%	66.7% #B9B7AC	RGB 185 183 172	#B9B7AC
83.3%	83.3% #BCBBBC	RGB 188 187 188	#BCBBBC
100.0%	100.0% #C0C0CC	RGB 192 192 204	#C0C0CC

#ABA56C #AEA97C #B2AE8C #B5B29C #B9B7AC #BCBBBC #C0C0CC

#ABA56C - #C0C0CC

HSV Blend

#ABA56C - #C0C0CC | 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 #ABA56C as 0% and #C0C0CC as 100%.

0.0%	0.0% #ABA56C	RGB 171 165 108	#ABA56C
16.7%	16.7% #B09078	RGB 176 144 120	#B09078
33.3%	33.3% #B68588	RGB 182 133 136	#B68588
50.0%	50.0% #BB93A9	RGB 187 147 169	#BB93A9
66.7%	66.7% #C0A1C1	RGB 192 161 193	#C0A1C1
83.3%	83.3% #BBB0C6	RGB 187 176 198	#BBB0C6
100.0%	100.0% #C0C0CC	RGB 192 192 204	#C0C0CC

#ABA56C #B09078 #B68588 #BB93A9 #C0A1C1 #BBB0C6 #C0C0CC

#ABA56C - #BB93A9 - #C0C0CC

CSS codes

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

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