#8C7E9F - #FFC3A5 | 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 #8C7E9F to #FFC3A5

#8C7E9F #FFC3A5

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

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

0.0%	0.0% #8C7E9F	RGB 140 126 159	#8C7E9F
16.7%	16.7% #9F89A0	RGB 159 137 160	#9F89A0
33.3%	33.3% #B295A1	RGB 178 149 161	#B295A1
50.0%	50.0% #C5A0A2	RGB 197 160 162	#C5A0A2
66.7%	66.7% #D8ACA3	RGB 216 172 163	#D8ACA3
83.3%	83.3% #EBB7A4	RGB 235 183 164	#EBB7A4
100.0%	100.0% #FFC3A5	RGB 255 195 165	#FFC3A5

#8C7E9F #9F89A0 #B295A1 #C5A0A2 #D8ACA3 #EBB7A4 #FFC3A5

#8C7E9F - #FFC3A5

HSV Blend

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

0.0%	0.0% #8C7E9F	RGB 140 126 159	#8C7E9F
16.7%	16.7% #A486AF	RGB 164 134 175	#A486AF
33.3%	33.3% #BF8EBC	RGB 191 142 188	#BF8EBC
50.0%	50.0% #CF94B9	RGB 207 148 185	#CF94B9
66.7%	66.7% #DF9BAF	RGB 223 155 175	#DF9BAF
83.3%	83.3% #EFA1A0	RGB 239 161 160	#EFA1A0
100.0%	100.0% #FFC3A5	RGB 255 195 165	#FFC3A5

#8C7E9F #A486AF #BF8EBC #CF94B9 #DF9BAF #EFA1A0 #FFC3A5

#8C7E9F - #CF94B9 - #FFC3A5

CSS codes

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

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