#8F78A2 - #FFBFA7 | 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 #8F78A2 to #FFBFA7

#8F78A2 #FFBFA7

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

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

0.0%	0.0% #8F78A2	RGB 143 120 162	#8F78A2
16.7%	16.7% #A183A2	RGB 161 131 162	#A183A2
33.3%	33.3% #B48FA3	RGB 180 143 163	#B48FA3
50.0%	50.0% #C79BA4	RGB 199 155 164	#C79BA4
66.7%	66.7% #D9A7A5	RGB 217 167 165	#D9A7A5
83.3%	83.3% #ECB3A6	RGB 236 179 166	#ECB3A6
100.0%	100.0% #FFBFA7	RGB 255 191 167	#FFBFA7

#8F78A2 #A183A2 #B48FA3 #C79BA4 #D9A7A5 #ECB3A6 #FFBFA7

#8F78A2 - #FFBFA7

HSV Blend

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

0.0%	0.0% #8F78A2	RGB 143 120 162	#8F78A2
16.7%	16.7% #A980B1	RGB 169 128 177	#A980B1
33.3%	33.3% #C189BA	RGB 193 137 186	#C189BA
50.0%	50.0% #D091B6	RGB 208 145 182	#D091B6
66.7%	66.7% #E099AE	RGB 224 153 174	#E099AE
83.3%	83.3% #EFA0A1	RGB 239 160 161	#EFA0A1
100.0%	100.0% #FFBFA7	RGB 255 191 167	#FFBFA7

#8F78A2 #A980B1 #C189BA #D091B6 #E099AE #EFA0A1 #FFBFA7

#8F78A2 - #D091B6 - #FFBFA7

CSS codes

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

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