#492C7E - #CAC2DA | 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 #492C7E to #CAC2DA

#492C7E #CAC2DA

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

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

0.0%	0.0% #492C7E	RGB 73 44 126	#492C7E
16.7%	16.7% #5E458D	RGB 94 69 141	#5E458D
33.3%	33.3% #745E9C	RGB 116 94 156	#745E9C
50.0%	50.0% #8977AC	RGB 137 119 172	#8977AC
66.7%	66.7% #9F90BB	RGB 159 144 187	#9F90BB
83.3%	83.3% #B4A9CA	RGB 180 169 202	#B4A9CA
100.0%	100.0% #CAC2DA	RGB 202 194 218	#CAC2DA

#492C7E #5E458D #745E9C #8977AC #9F90BB #B4A9CA #CAC2DA

#492C7E - #CAC2DA

HSV Blend

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

0.0%	0.0% #492C7E	RGB 73 44 126	#492C7E
16.7%	16.7% #593E8D	RGB 89 62 141	#593E8D
33.3%	33.3% #6C529C	RGB 108 82 156	#6C529C
50.0%	50.0% #816AAC	RGB 129 106 172	#816AAC
66.7%	66.7% #9784BB	RGB 151 132 187	#9784BB
83.3%	83.3% #AFA2CA	RGB 175 162 202	#AFA2CA
100.0%	100.0% #CAC2DA	RGB 202 194 218	#CAC2DA

#492C7E #593E8D #6C529C #816AAC #9784BB #AFA2CA #CAC2DA

#492C7E - #816AAC - #CAC2DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #492C7E 0%, #816AAC 50%, #CAC2DA 100%);
    background: -webkit-linear-gradient(top, #492C7E 0%, #816AAC 50%, #CAC2DA 100%);
    background: linear-gradient(to bottom, #492C7E 0%, #816AAC 50%, #CAC2DA 100%);
}
</style>