#FF8CB1 - #CD2364 | 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 #FF8CB1 to #CD2364

#FF8CB1 #CD2364

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

#FF8CB1 - #CD2364 | 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 #FF8CB1 as 0% and #CD2364 as 100%.

0.0%	0.0% #FF8CB1	RGB 255 140 177	#FF8CB1
16.7%	16.7% #F67AA4	RGB 246 122 164	#F67AA4
33.3%	33.3% #EE6997	RGB 238 105 151	#EE6997
50.0%	50.0% #E6578A	RGB 230 87 138	#E6578A
66.7%	66.7% #DD467D	RGB 221 70 125	#DD467D
83.3%	83.3% #D53470	RGB 213 52 112	#D53470
100.0%	100.0% #CD2364	RGB 205 35 100	#CD2364

#FF8CB1 #F67AA4 #EE6997 #E6578A #DD467D #D53470 #CD2364

#FF8CB1 - #CD2364

HSV Blend

#FF8CB1 - #CD2364 | 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 #FF8CB1 as 0% and #CD2364 as 100%.

0.0%	0.0% #FF8CB1	RGB 255 140 177	#FF8CB1
16.7%	16.7% #F677A1	RGB 246 119 161	#F677A1
33.3%	33.3% #EE6493	RGB 238 100 147	#EE6493
50.0%	50.0% #E65286	RGB 230 82 134	#E65286
66.7%	66.7% #DD417A	RGB 221 65 122	#DD417A
83.3%	83.3% #D5316E	RGB 213 49 110	#D5316E
100.0%	100.0% #CD2364	RGB 205 35 100	#CD2364

#FF8CB1 #F677A1 #EE6493 #E65286 #DD417A #D5316E #CD2364

#FF8CB1 - #E65286 - #CD2364

CSS codes

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

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