#C2776C - #FEC48C | 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 #C2776C to #FEC48C

#C2776C #FEC48C

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

#C2776C - #FEC48C | 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 #C2776C as 0% and #FEC48C as 100%.

0.0%	0.0% #C2776C	RGB 194 119 108	#C2776C
16.7%	16.7% #CC8371	RGB 204 131 113	#CC8371
33.3%	33.3% #D69076	RGB 214 144 118	#D69076
50.0%	50.0% #E09D7C	RGB 224 157 124	#E09D7C
66.7%	66.7% #EAAA81	RGB 234 170 129	#EAAA81
83.3%	83.3% #F4B786	RGB 244 183 134	#F4B786
100.0%	100.0% #FEC48C	RGB 254 196 140	#FEC48C

#C2776C #CC8371 #D69076 #E09D7C #EAAA81 #F4B786 #FEC48C

#C2776C - #FEC48C

HSV Blend

#C2776C - #FEC48C | 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 #C2776C as 0% and #FEC48C as 100%.

0.0%	0.0% #C2776C	RGB 194 119 108	#C2776C
16.7%	16.7% #CC8271	RGB 204 130 113	#CC8271
33.3%	33.3% #D68E76	RGB 214 142 118	#D68E76
50.0%	50.0% #E09B7C	RGB 224 155 124	#E09B7C
66.7%	66.7% #EAA881	RGB 234 168 129	#EAA881
83.3%	83.3% #F4B586	RGB 244 181 134	#F4B586
100.0%	100.0% #FEC48C	RGB 254 196 140	#FEC48C

#C2776C #CC8271 #D68E76 #E09B7C #EAA881 #F4B586 #FEC48C

#C2776C - #E09B7C - #FEC48C

CSS codes

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

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