#FF8CC6 - #CF197C | 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 #FF8CC6 to #CF197C

#FF8CC6 #CF197C

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

#FF8CC6 - #CF197C | 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 #FF8CC6 as 0% and #CF197C as 100%.

0.0%	0.0% #FF8CC6	RGB 255 140 198	#FF8CC6
16.7%	16.7% #F778B9	RGB 247 120 185	#F778B9
33.3%	33.3% #EF65AD	RGB 239 101 173	#EF65AD
50.0%	50.0% #E752A1	RGB 231 82 161	#E752A1
66.7%	66.7% #DF3F94	RGB 223 63 148	#DF3F94
83.3%	83.3% #D72C88	RGB 215 44 136	#D72C88
100.0%	100.0% #CF197C	RGB 207 25 124	#CF197C

#FF8CC6 #F778B9 #EF65AD #E752A1 #DF3F94 #D72C88 #CF197C

#FF8CC6 - #CF197C

HSV Blend

#FF8CC6 - #CF197C | 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 #FF8CC6 as 0% and #CF197C as 100%.

0.0%	0.0% #FF8CC6	RGB 255 140 198	#FF8CC6
16.7%	16.7% #F775B7	RGB 247 117 183	#F775B7
33.3%	33.3% #EF61AA	RGB 239 97 170	#EF61AA
50.0%	50.0% #E74D9D	RGB 231 77 157	#E74D9D
66.7%	66.7% #DF3A91	RGB 223 58 145	#DF3A91
83.3%	83.3% #D72986	RGB 215 41 134	#D72986
100.0%	100.0% #CF197C	RGB 207 25 124	#CF197C

#FF8CC6 #F775B7 #EF61AA #E74D9D #DF3A91 #D72986 #CF197C

#FF8CC6 - #E74D9D - #CF197C

CSS codes

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

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