#C9A8EB - #393043 | 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 #C9A8EB to #393043

#C9A8EB #393043

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

#C9A8EB - #393043 | 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 #C9A8EB as 0% and #393043 as 100%.

0.0%	0.0% #C9A8EB	RGB 201 168 235	#C9A8EB
16.7%	16.7% #B194CF	RGB 177 148 207	#B194CF
33.3%	33.3% #9980B3	RGB 153 128 179	#9980B3
50.0%	50.0% #816C97	RGB 129 108 151	#816C97
66.7%	66.7% #69587B	RGB 105 88 123	#69587B
83.3%	83.3% #51445F	RGB 81 68 95	#51445F
100.0%	100.0% #393043	RGB 57 48 67	#393043

#C9A8EB #B194CF #9980B3 #816C97 #69587B #51445F #393043

#C9A8EB - #393043

HSV Blend

#C9A8EB - #393043 | 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 #C9A8EB as 0% and #393043 as 100%.

0.0%	0.0% #C9A8EB	RGB 201 168 235	#C9A8EB
16.7%	16.7% #B094CF	RGB 176 148 207	#B094CF
33.3%	33.3% #9880B3	RGB 152 128 179	#9880B3
50.0%	50.0% #806C97	RGB 128 108 151	#806C97
66.7%	66.7% #68587B	RGB 104 88 123	#68587B
83.3%	83.3% #50445F	RGB 80 68 95	#50445F
100.0%	100.0% #393043	RGB 57 48 67	#393043

#C9A8EB #B094CF #9880B3 #806C97 #68587B #50445F #393043

#C9A8EB - #806C97 - #393043

CSS codes

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

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