#C26C94 - #FE8C98 | 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 #C26C94 to #FE8C98

#C26C94 #FE8C98

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

#C26C94 - #FE8C98 | 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 #C26C94 as 0% and #FE8C98 as 100%.

0.0%	0.0% #C26C94	RGB 194 108 148	#C26C94
16.7%	16.7% #CC7194	RGB 204 113 148	#CC7194
33.3%	33.3% #D67695	RGB 214 118 149	#D67695
50.0%	50.0% #E07C96	RGB 224 124 150	#E07C96
66.7%	66.7% #EA8196	RGB 234 129 150	#EA8196
83.3%	83.3% #F48697	RGB 244 134 151	#F48697
100.0%	100.0% #FE8C98	RGB 254 140 152	#FE8C98

#C26C94 #CC7194 #D67695 #E07C96 #EA8196 #F48697 #FE8C98

#C26C94 - #FE8C98

HSV Blend

#C26C94 - #FE8C98 | 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 #C26C94 as 0% and #FE8C98 as 100%.

0.0%	0.0% #C26C94	RGB 194 108 148	#C26C94
16.7%	16.7% #CC7196	RGB 204 113 150	#CC7196
33.3%	33.3% #D67697	RGB 214 118 151	#D67697
50.0%	50.0% #E07C98	RGB 224 124 152	#E07C98
66.7%	66.7% #EA8198	RGB 234 129 152	#EA8198
83.3%	83.3% #F48698	RGB 244 134 152	#F48698
100.0%	100.0% #FE8C98	RGB 254 140 152	#FE8C98

#C26C94 #CC7196 #D67697 #E07C98 #EA8198 #F48698 #FE8C98

#C26C94 - #E07C98 - #FE8C98

CSS codes

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

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