#C67A7A - #FDCA9C | 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 #C67A7A to #FDCA9C

#C67A7A #FDCA9C

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

#C67A7A - #FDCA9C | 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 #C67A7A as 0% and #FDCA9C as 100%.

0.0%	0.0% #C67A7A	RGB 198 122 122	#C67A7A
16.7%	16.7% #CF877F	RGB 207 135 127	#CF877F
33.3%	33.3% #D89485	RGB 216 148 133	#D89485
50.0%	50.0% #E1A28B	RGB 225 162 139	#E1A28B
66.7%	66.7% #EAAF90	RGB 234 175 144	#EAAF90
83.3%	83.3% #F3BC96	RGB 243 188 150	#F3BC96
100.0%	100.0% #FDCA9C	RGB 253 202 156	#FDCA9C

#C67A7A #CF877F #D89485 #E1A28B #EAAF90 #F3BC96 #FDCA9C

#C67A7A - #FDCA9C

HSV Blend

#C67A7A - #FDCA9C | 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 #C67A7A as 0% and #FDCA9C as 100%.

0.0%	0.0% #C67A7A	RGB 198 122 122	#C67A7A
16.7%	16.7% #CF857F	RGB 207 133 127	#CF857F
33.3%	33.3% #D89285	RGB 216 146 133	#D89285
50.0%	50.0% #E19F8A	RGB 225 159 138	#E19F8A
66.7%	66.7% #EAAD90	RGB 234 173 144	#EAAD90
83.3%	83.3% #F3BB96	RGB 243 187 150	#F3BB96
100.0%	100.0% #FDCA9C	RGB 253 202 156	#FDCA9C

#C67A7A #CF857F #D89285 #E19F8A #EAAD90 #F3BB96 #FDCA9C

#C67A7A - #E19F8A - #FDCA9C

CSS codes

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

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