#C2776C - #FEC38C | 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 #FEC38C

#C2776C #FEC38C

Calculate the color between two colors, #C2776C and #FEC38C. 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 - #FEC38C | 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 #FEC38C 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% #EAA981	RGB 234 169 129	#EAA981
83.3%	83.3% #F4B686	RGB 244 182 134	#F4B686
100.0%	100.0% #FEC38C	RGB 254 195 140	#FEC38C

#C2776C #CC8371 #D69076 #E09D7C #EAA981 #F4B686 #FEC38C

#C2776C - #FEC38C

HSV Blend

#C2776C - #FEC38C | 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 #FEC38C 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% #E09A7C	RGB 224 154 124	#E09A7C
66.7%	66.7% #EAA781	RGB 234 167 129	#EAA781
83.3%	83.3% #F4B486	RGB 244 180 134	#F4B486
100.0%	100.0% #FEC38C	RGB 254 195 140	#FEC38C

#C2776C #CC8271 #D68E76 #E09A7C #EAA781 #F4B486 #FEC38C

#C2776C - #E09A7C - #FEC38C

CSS codes

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

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