#CC7A8C - #FFC9A3 | 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 #CC7A8C to #FFC9A3

#CC7A8C #FFC9A3

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

#CC7A8C - #FFC9A3 | 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 #CC7A8C as 0% and #FFC9A3 as 100%.

0.0%	0.0% #CC7A8C	RGB 204 122 140	#CC7A8C
16.7%	16.7% #D4878F	RGB 212 135 143	#D4878F
33.3%	33.3% #DD9493	RGB 221 148 147	#DD9493
50.0%	50.0% #E5A197	RGB 229 161 151	#E5A197
66.7%	66.7% #EEAE9B	RGB 238 174 155	#EEAE9B
83.3%	83.3% #F6BB9F	RGB 246 187 159	#F6BB9F
100.0%	100.0% #FFC9A3	RGB 255 201 163	#FFC9A3

#CC7A8C #D4878F #DD9493 #E5A197 #EEAE9B #F6BB9F #FFC9A3

#CC7A8C - #FFC9A3

HSV Blend

#CC7A8C - #FFC9A3 | 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 #CC7A8C as 0% and #FFC9A3 as 100%.

0.0%	0.0% #CC7A8B	RGB 204 122 139	#CC7A8B
16.7%	16.7% #D4808A	RGB 212 128 138	#D4808A
33.3%	33.3% #DD8787	RGB 221 135 135	#DD8787
50.0%	50.0% #E5968D	RGB 229 150 141	#E5968D
66.7%	66.7% #EEA694	RGB 238 166 148	#EEA694
83.3%	83.3% #F6B79B	RGB 246 183 155	#F6B79B
100.0%	100.0% #FFC9A3	RGB 255 201 163	#FFC9A3

#CC7A8B #D4808A #DD8787 #E5968D #EEA694 #F6B79B #FFC9A3

#CC7A8C - #E5968D - #FFC9A3

CSS codes

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

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