#C0A8AB - #CAB7DD | 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 #C0A8AB to #CAB7DD

#C0A8AB #CAB7DD

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

#C0A8AB - #CAB7DD | 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 #C0A8AB as 0% and #CAB7DD as 100%.

0.0%	0.0% #C0A8AB	RGB 192 168 171	#C0A8AB
16.7%	16.7% #C1AAB3	RGB 193 170 179	#C1AAB3
33.3%	33.3% #C3ADBB	RGB 195 173 187	#C3ADBB
50.0%	50.0% #C5AFC4	RGB 197 175 196	#C5AFC4
66.7%	66.7% #C6B2CC	RGB 198 178 204	#C6B2CC
83.3%	83.3% #C8B4D4	RGB 200 180 212	#C8B4D4
100.0%	100.0% #CAB7DD	RGB 202 183 221	#CAB7DD

#C0A8AB #C1AAB3 #C3ADBB #C5AFC4 #C6B2CC #C8B4D4 #CAB7DD

#C0A8AB - #CAB7DD

HSV Blend

#C0A8AB - #CAB7DD | 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 #C0A8AB as 0% and #CAB7DD as 100%.

0.0%	0.0% #C0A8AB	RGB 192 168 171	#C0A8AB
16.7%	16.7% #C4AAB3	RGB 196 170 179	#C4AAB3
33.3%	33.3% #C9ADBD	RGB 201 173 189	#C9ADBD
50.0%	50.0% #CEAFC8	RGB 206 175 200	#CEAFC8
66.7%	66.7% #D1B2D3	RGB 209 178 211	#D1B2D3
83.3%	83.3% #CEB4D8	RGB 206 180 216	#CEB4D8
100.0%	100.0% #CAB7DD	RGB 202 183 221	#CAB7DD

#C0A8AB #C4AAB3 #C9ADBD #CEAFC8 #D1B2D3 #CEB4D8 #CAB7DD

#C0A8AB - #CEAFC8 - #CAB7DD

CSS codes

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

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