#C0ADC0 - #685A77 | 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 #C0ADC0 to #685A77

#C0ADC0 #685A77

Calculate the color between two colors, #C0ADC0 and #685A77. 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)

#C0ADC0 - #685A77 | 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 #C0ADC0 as 0% and #685A77 as 100%.

0.0%	0.0% #C0ADC0	RGB 192 173 192	#C0ADC0
16.7%	16.7% #B19FB3	RGB 177 159 179	#B19FB3
33.3%	33.3% #A291A7	RGB 162 145 167	#A291A7
50.0%	50.0% #94839B	RGB 148 131 155	#94839B
66.7%	66.7% #85758F	RGB 133 117 143	#85758F
83.3%	83.3% #766783	RGB 118 103 131	#766783
100.0%	100.0% #685A77	RGB 104 90 119	#685A77

#C0ADC0 #B19FB3 #A291A7 #94839B #85758F #766783 #685A77

#C0ADC0 - #685A77

HSV Blend

#C0ADC0 - #685A77 | 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 #C0ADC0 as 0% and #685A77 as 100%.

0.0%	0.0% #C0ADC0	RGB 192 173 192	#C0ADC0
16.7%	16.7% #B19DB3	RGB 177 157 179	#B19DB3
33.3%	33.3% #A38EA7	RGB 163 142 167	#A38EA7
50.0%	50.0% #94809B	RGB 148 128 155	#94809B
66.7%	66.7% #85738F	RGB 133 115 143	#85738F
83.3%	83.3% #766683	RGB 118 102 131	#766683
100.0%	100.0% #685A77	RGB 104 90 119	#685A77

#C0ADC0 #B19DB3 #A38EA7 #94809B #85738F #766683 #685A77

#C0ADC0 - #94809B - #685A77

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0ADC0 0%, #94809B 50%, #685A77 100%);
    background: -webkit-linear-gradient(top, #C0ADC0 0%, #94809B 50%, #685A77 100%);
    background: linear-gradient(to bottom, #C0ADC0 0%, #94809B 50%, #685A77 100%);
}
</style>