#C26C9E - #FD8D9E | 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 #C26C9E to #FD8D9E

#C26C9E #FD8D9E

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

#C26C9E - #FD8D9E | 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 #C26C9E as 0% and #FD8D9E as 100%.

0.0%	0.0% #C26C9E	RGB 194 108 158	#C26C9E
16.7%	16.7% #CB719E	RGB 203 113 158	#CB719E
33.3%	33.3% #D5779E	RGB 213 119 158	#D5779E
50.0%	50.0% #DF7C9E	RGB 223 124 158	#DF7C9E
66.7%	66.7% #E9829E	RGB 233 130 158	#E9829E
83.3%	83.3% #F3879E	RGB 243 135 158	#F3879E
100.0%	100.0% #FD8D9E	RGB 253 141 158	#FD8D9E

#C26C9E #CB719E #D5779E #DF7C9E #E9829E #F3879E #FD8D9E

#C26C9E - #FD8D9E

HSV Blend

#C26C9E - #FD8D9E | 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 #C26C9E as 0% and #FD8D9E as 100%.

0.0%	0.0% #C26C9E	RGB 194 108 158	#C26C9E
16.7%	16.7% #CB719F	RGB 203 113 159	#CB719F
33.3%	33.3% #D576A0	RGB 213 118 160	#D576A0
50.0%	50.0% #DF7CA0	RGB 223 124 160	#DF7CA0
66.7%	66.7% #E981A0	RGB 233 129 160	#E981A0
83.3%	83.3% #F3879F	RGB 243 135 159	#F3879F
100.0%	100.0% #FD8D9E	RGB 253 141 158	#FD8D9E

#C26C9E #CB719F #D576A0 #DF7CA0 #E981A0 #F3879F #FD8D9E

#C26C9E - #DF7CA0 - #FD8D9E

CSS codes

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

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