#CAC7DF - #8474B0 | 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 #CAC7DF to #8474B0

#CAC7DF #8474B0

Calculate the color between two colors, #CAC7DF and #8474B0. 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)

#CAC7DF - #8474B0 | 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 #CAC7DF as 0% and #8474B0 as 100%.

0.0%	0.0% #CAC7DF	RGB 202 199 223	#CAC7DF
16.7%	16.7% #BEB9D7	RGB 190 185 215	#BEB9D7
33.3%	33.3% #B2ABCF	RGB 178 171 207	#B2ABCF
50.0%	50.0% #A79DC7	RGB 167 157 199	#A79DC7
66.7%	66.7% #9B8FBF	RGB 155 143 191	#9B8FBF
83.3%	83.3% #8F81B7	RGB 143 129 183	#8F81B7
100.0%	100.0% #8474B0	RGB 132 116 176	#8474B0

#CAC7DF #BEB9D7 #B2ABCF #A79DC7 #9B8FBF #8F81B7 #8474B0

#CAC7DF - #8474B0

HSV Blend

#CAC7DF - #8474B0 | 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 #CAC7DF as 0% and #8474B0 as 100%.

0.0%	0.0% #CAC7DF	RGB 202 199 223	#CAC7DF
16.7%	16.7% #BCB7D7	RGB 188 183 215	#BCB7D7
33.3%	33.3% #AFA8CF	RGB 175 168 207	#AFA8CF
50.0%	50.0% #A39AC7	RGB 163 154 199	#A39AC7
66.7%	66.7% #988DBF	RGB 152 141 191	#988DBF
83.3%	83.3% #8D80B7	RGB 141 128 183	#8D80B7
100.0%	100.0% #8474B0	RGB 132 116 176	#8474B0

#CAC7DF #BCB7D7 #AFA8CF #A39AC7 #988DBF #8D80B7 #8474B0

#CAC7DF - #A39AC7 - #8474B0

CSS codes

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

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