#FF6B9F - #C00654 | 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 #FF6B9F to #C00654

#FF6B9F #C00654

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

#FF6B9F - #C00654 | 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 #FF6B9F as 0% and #C00654 as 100%.

0.0%	0.0% #FF6B9F	RGB 255 107 159	#FF6B9F
16.7%	16.7% #F45A92	RGB 244 90 146	#F45A92
33.3%	33.3% #EA4986	RGB 234 73 134	#EA4986
50.0%	50.0% #DF3879	RGB 223 56 121	#DF3879
66.7%	66.7% #D5276D	RGB 213 39 109	#D5276D
83.3%	83.3% #CA1660	RGB 202 22 96	#CA1660
100.0%	100.0% #C00654	RGB 192 6 84	#C00654

#FF6B9F #F45A92 #EA4986 #DF3879 #D5276D #CA1660 #C00654

#FF6B9F - #C00654

HSV Blend

#FF6B9F - #C00654 | 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 #FF6B9F as 0% and #C00654 as 100%.

0.0%	0.0% #FF6B9F	RGB 255 107 159	#FF6B9F
16.7%	16.7% #F4568F	RGB 244 86 143	#F4568F
33.3%	33.3% #EA4382	RGB 234 67 130	#EA4382
50.0%	50.0% #DF3275	RGB 223 50 117	#DF3275
66.7%	66.7% #D52269	RGB 213 34 105	#D52269
83.3%	83.3% #CA135E	RGB 202 19 94	#CA135E
100.0%	100.0% #C00654	RGB 192 6 84	#C00654

#FF6B9F #F4568F #EA4382 #DF3275 #D52269 #CA135E #C00654

#FF6B9F - #DF3275 - #C00654

CSS codes

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

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