#FF26C7 - #9F0087 | 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 #FF26C7 to #9F0087

#FF26C7 #9F0087

Calculate the color between two colors, #FF26C7 and #9F0087. 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)

#FF26C7 - #9F0087 | 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 #FF26C7 as 0% and #9F0087 as 100%.

0.0%	0.0% #FF26C7	RGB 255 38 199	#FF26C7
16.7%	16.7% #EF1FBC	RGB 239 31 188	#EF1FBC
33.3%	33.3% #DF19B1	RGB 223 25 177	#DF19B1
50.0%	50.0% #CF13A7	RGB 207 19 167	#CF13A7
66.7%	66.7% #BF0C9C	RGB 191 12 156	#BF0C9C
83.3%	83.3% #AF0691	RGB 175 6 145	#AF0691
100.0%	100.0% #9F0087	RGB 159 0 135	#9F0087

#FF26C7 #EF1FBC #DF19B1 #CF13A7 #BF0C9C #AF0691 #9F0087

#FF26C7 - #9F0087

HSV Blend

#FF26C7 - #9F0087 | 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 #FF26C7 as 0% and #9F0087 as 100%.

0.0%	0.0% #FF25C7	RGB 255 37 199	#FF25C7
16.7%	16.7% #EF1DBC	RGB 239 29 188	#EF1DBC
33.3%	33.3% #DF16B2	RGB 223 22 178	#DF16B2
50.0%	50.0% #CF0FA7	RGB 207 15 167	#CF0FA7
66.7%	66.7% #BF099D	RGB 191 9 157	#BF099D
83.3%	83.3% #AF0492	RGB 175 4 146	#AF0492
100.0%	100.0% #9F0087	RGB 159 0 135	#9F0087

#FF25C7 #EF1DBC #DF16B2 #CF0FA7 #BF099D #AF0492 #9F0087

#FF26C7 - #CF0FA7 - #9F0087

CSS codes

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

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