#C9ADCF - #3A313B | 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 #C9ADCF to #3A313B

#C9ADCF #3A313B

Calculate the color between two colors, #C9ADCF and #3A313B. 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)

#C9ADCF - #3A313B | 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 #C9ADCF as 0% and #3A313B as 100%.

0.0%	0.0% #C9ADCF	RGB 201 173 207	#C9ADCF
16.7%	16.7% #B198B6	RGB 177 152 182	#B198B6
33.3%	33.3% #99839D	RGB 153 131 157	#99839D
50.0%	50.0% #816F85	RGB 129 111 133	#816F85
66.7%	66.7% #695A6C	RGB 105 90 108	#695A6C
83.3%	83.3% #514553	RGB 81 69 83	#514553
100.0%	100.0% #3A313B	RGB 58 49 59	#3A313B

#C9ADCF #B198B6 #99839D #816F85 #695A6C #514553 #3A313B

#C9ADCF - #3A313B

HSV Blend

#C9ADCF - #3A313B | 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 #C9ADCF as 0% and #3A313B as 100%.

0.0%	0.0% #C9ADCF	RGB 201 173 207	#C9ADCF
16.7%	16.7% #B198B6	RGB 177 152 182	#B198B6
33.3%	33.3% #99839D	RGB 153 131 157	#99839D
50.0%	50.0% #816E85	RGB 129 110 133	#816E85
66.7%	66.7% #6A5A6C	RGB 106 90 108	#6A5A6C
83.3%	83.3% #524553	RGB 82 69 83	#524553
100.0%	100.0% #3A313B	RGB 58 49 59	#3A313B

#C9ADCF #B198B6 #99839D #816E85 #6A5A6C #524553 #3A313B

#C9ADCF - #816E85 - #3A313B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9ADCF 0%, #816E85 50%, #3A313B 100%);
    background: -webkit-linear-gradient(top, #C9ADCF 0%, #816E85 50%, #3A313B 100%);
    background: linear-gradient(to bottom, #C9ADCF 0%, #816E85 50%, #3A313B 100%);
}
</style>