#8C8AC2 - #FFD0C7 | 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 #8C8AC2 to #FFD0C7

#8C8AC2 #FFD0C7

Calculate the color between two colors, #8C8AC2 and #FFD0C7. 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)

#8C8AC2 - #FFD0C7 | 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 #8C8AC2 as 0% and #FFD0C7 as 100%.

0.0%	0.0% #8C8AC2	RGB 140 138 194	#8C8AC2
16.7%	16.7% #9F95C2	RGB 159 149 194	#9F95C2
33.3%	33.3% #B2A1C3	RGB 178 161 195	#B2A1C3
50.0%	50.0% #C5ADC4	RGB 197 173 196	#C5ADC4
66.7%	66.7% #D8B8C5	RGB 216 184 197	#D8B8C5
83.3%	83.3% #EBC4C6	RGB 235 196 198	#EBC4C6
100.0%	100.0% #FFD0C7	RGB 255 208 199	#FFD0C7

#8C8AC2 #9F95C2 #B2A1C3 #C5ADC4 #D8B8C5 #EBC4C6 #FFD0C7

#8C8AC2 - #FFD0C7

HSV Blend

#8C8AC2 - #FFD0C7 | 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 #8C8AC2 as 0% and #FFD0C7 as 100%.

0.0%	0.0% #8C8AC2	RGB 140 138 194	#8C8AC2
16.7%	16.7% #A993CC	RGB 169 147 204	#A993CC
33.3%	33.3% #C79DD6	RGB 199 157 214	#C79DD6
50.0%	50.0% #E0A7DA	RGB 224 167 218	#E0A7DA
66.7%	66.7% #EAB1D0	RGB 234 177 208	#EAB1D0
83.3%	83.3% #F4BCC7	RGB 244 188 199	#F4BCC7
100.0%	100.0% #FFD0C7	RGB 255 208 199	#FFD0C7

#8C8AC2 #A993CC #C79DD6 #E0A7DA #EAB1D0 #F4BCC7 #FFD0C7

#8C8AC2 - #E0A7DA - #FFD0C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8AC2 0%, #E0A7DA 50%, #FFD0C7 100%);
    background: -webkit-linear-gradient(top, #8C8AC2 0%, #E0A7DA 50%, #FFD0C7 100%);
    background: linear-gradient(to bottom, #8C8AC2 0%, #E0A7DA 50%, #FFD0C7 100%);
}
</style>