#B670A8 - #F9C8C8 | 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 #B670A8 to #F9C8C8

#B670A8 #F9C8C8

Calculate the color between two colors, #B670A8 and #F9C8C8. 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)

#B670A8 - #F9C8C8 | 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 #B670A8 as 0% and #F9C8C8 as 100%.

0.0%	0.0% #B670A8	RGB 182 112 168	#B670A8
16.7%	16.7% #C17EAD	RGB 193 126 173	#C17EAD
33.3%	33.3% #CC8DB2	RGB 204 141 178	#CC8DB2
50.0%	50.0% #D79CB8	RGB 215 156 184	#D79CB8
66.7%	66.7% #E2AABD	RGB 226 170 189	#E2AABD
83.3%	83.3% #EDB9C2	RGB 237 185 194	#EDB9C2
100.0%	100.0% #F9C8C8	RGB 249 200 200	#F9C8C8

#B670A8 #C17EAD #CC8DB2 #D79CB8 #E2AABD #EDB9C2 #F9C8C8

#B670A8 - #F9C8C8

HSV Blend

#B670A8 - #F9C8C8 | 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 #B670A8 as 0% and #F9C8C8 as 100%.

0.0%	0.0% #B670A8	RGB 182 112 168	#B670A8
16.7%	16.7% #C17CAA	RGB 193 124 170	#C17CAA
33.3%	33.3% #CC8AAD	RGB 204 138 173	#CC8AAD
50.0%	50.0% #D798B1	RGB 215 152 177	#D798B1
66.7%	66.7% #E2A7B7	RGB 226 167 183	#E2A7B7
83.3%	83.3% #EDB7BE	RGB 237 183 190	#EDB7BE
100.0%	100.0% #F9C8C8	RGB 249 200 200	#F9C8C8

#B670A8 #C17CAA #CC8AAD #D798B1 #E2A7B7 #EDB7BE #F9C8C8

#B670A8 - #D798B1 - #F9C8C8

CSS codes

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

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