#422C7E - #C9C2DA | 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 #422C7E to #C9C2DA

#422C7E #C9C2DA

Calculate the color between two colors, #422C7E and #C9C2DA. 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)

#422C7E - #C9C2DA | 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 #422C7E as 0% and #C9C2DA as 100%.

0.0%	0.0% #422C7E	RGB 66 44 126	#422C7E
16.7%	16.7% #58458D	RGB 88 69 141	#58458D
33.3%	33.3% #6F5E9C	RGB 111 94 156	#6F5E9C
50.0%	50.0% #8577AC	RGB 133 119 172	#8577AC
66.7%	66.7% #9C90BB	RGB 156 144 187	#9C90BB
83.3%	83.3% #B2A9CA	RGB 178 169 202	#B2A9CA
100.0%	100.0% #C9C2DA	RGB 201 194 218	#C9C2DA

#422C7E #58458D #6F5E9C #8577AC #9C90BB #B2A9CA #C9C2DA

#422C7E - #C9C2DA

HSV Blend

#422C7E - #C9C2DA | 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 #422C7E as 0% and #C9C2DA as 100%.

0.0%	0.0% #412C7E	RGB 65 44 126	#412C7E
16.7%	16.7% #533E8D	RGB 83 62 141	#533E8D
33.3%	33.3% #67529C	RGB 103 82 156	#67529C
50.0%	50.0% #7C6AAC	RGB 124 106 172	#7C6AAC
66.7%	66.7% #9484BB	RGB 148 132 187	#9484BB
83.3%	83.3% #ADA2CA	RGB 173 162 202	#ADA2CA
100.0%	100.0% #C9C2DA	RGB 201 194 218	#C9C2DA

#412C7E #533E8D #67529C #7C6AAC #9484BB #ADA2CA #C9C2DA

#422C7E - #7C6AAC - #C9C2DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #412C7E 0%, #7C6AAC 50%, #C9C2DA 100%);
    background: -webkit-linear-gradient(top, #412C7E 0%, #7C6AAC 50%, #C9C2DA 100%);
    background: linear-gradient(to bottom, #412C7E 0%, #7C6AAC 50%, #C9C2DA 100%);
}
</style>