#8C84C7 - #FFCDCC | 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 #8C84C7 to #FFCDCC

#8C84C7 #FFCDCC

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

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

0.0%	0.0% #8C84C7	RGB 140 132 199	#8C84C7
16.7%	16.7% #9F90C7	RGB 159 144 199	#9F90C7
33.3%	33.3% #B29CC8	RGB 178 156 200	#B29CC8
50.0%	50.0% #C5A8C9	RGB 197 168 201	#C5A8C9
66.7%	66.7% #D8B4CA	RGB 216 180 202	#D8B4CA
83.3%	83.3% #EBC0CB	RGB 235 192 203	#EBC0CB
100.0%	100.0% #FFCDCC	RGB 255 205 204	#FFCDCC

#8C84C7 #9F90C7 #B29CC8 #C5A8C9 #D8B4CA #EBC0CB #FFCDCC

#8C84C7 - #FFCDCC

HSV Blend

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

0.0%	0.0% #8C84C7	RGB 140 132 199	#8C84C7
16.7%	16.7% #AB8ED0	RGB 171 142 208	#AB8ED0
33.3%	33.3% #CA9AD9	RGB 202 154 217	#CA9AD9
50.0%	50.0% #E3A6DE	RGB 227 166 222	#E3A6DE
66.7%	66.7% #ECB2D5	RGB 236 178 213	#ECB2D5
83.3%	83.3% #F5BECF	RGB 245 190 207	#F5BECF
100.0%	100.0% #FFCDCC	RGB 255 205 204	#FFCDCC

#8C84C7 #AB8ED0 #CA9AD9 #E3A6DE #ECB2D5 #F5BECF #FFCDCC

#8C84C7 - #E3A6DE - #FFCDCC

CSS codes

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

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