#C26C85 - #FD9C8D | 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 #C26C85 to #FD9C8D

#C26C85 #FD9C8D

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

#C26C85 - #FD9C8D | 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 #C26C85 as 0% and #FD9C8D as 100%.

0.0%	0.0% #C26C85	RGB 194 108 133	#C26C85
16.7%	16.7% #CB7486	RGB 203 116 134	#CB7486
33.3%	33.3% #D57C87	RGB 213 124 135	#D57C87
50.0%	50.0% #DF8489	RGB 223 132 137	#DF8489
66.7%	66.7% #E98C8A	RGB 233 140 138	#E98C8A
83.3%	83.3% #F3948B	RGB 243 148 139	#F3948B
100.0%	100.0% #FD9C8D	RGB 253 156 141	#FD9C8D

#C26C85 #CB7486 #D57C87 #DF8489 #E98C8A #F3948B #FD9C8D

#C26C85 - #FD9C8D

HSV Blend

#C26C85 - #FD9C8D | 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 #C26C85 as 0% and #FD9C8D as 100%.

0.0%	0.0% #C26C84	RGB 194 108 132	#C26C84
16.7%	16.7% #CB7185	RGB 203 113 133	#CB7185
33.3%	33.3% #D57685	RGB 213 118 133	#D57685
50.0%	50.0% #DF7C84	RGB 223 124 132	#DF7C84
66.7%	66.7% #E98182	RGB 233 129 130	#E98182
83.3%	83.3% #F38E87	RGB 243 142 135	#F38E87
100.0%	100.0% #FD9C8D	RGB 253 156 141	#FD9C8D

#C26C84 #CB7185 #D57685 #DF7C84 #E98182 #F38E87 #FD9C8D

#C26C85 - #DF7C84 - #FD9C8D

CSS codes

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

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