#CAAF9C - #FAB0CF | 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 #CAAF9C to #FAB0CF

#CAAF9C #FAB0CF

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

#CAAF9C - #FAB0CF | 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 #CAAF9C as 0% and #FAB0CF as 100%.

0.0%	0.0% #CAAF9C	RGB 202 175 156	#CAAF9C
16.7%	16.7% #D2AFA4	RGB 210 175 164	#D2AFA4
33.3%	33.3% #DAAFAD	RGB 218 175 173	#DAAFAD
50.0%	50.0% #E2AFB5	RGB 226 175 181	#E2AFB5
66.7%	66.7% #EAAFBE	RGB 234 175 190	#EAAFBE
83.3%	83.3% #F2AFC6	RGB 242 175 198	#F2AFC6
100.0%	100.0% #FAB0CF	RGB 250 176 207	#FAB0CF

#CAAF9C #D2AFA4 #DAAFAD #E2AFB5 #EAAFBE #F2AFC6 #FAB0CF

#CAAF9C - #FAB0CF

HSV Blend

#CAAF9C - #FAB0CF | 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 #CAAF9C as 0% and #FAB0CF as 100%.

0.0%	0.0% #CAAF9C	RGB 202 175 156	#CAAF9C
16.7%	16.7% #D2AD9F	RGB 210 173 159	#D2AD9F
33.3%	33.3% #DAAAA3	RGB 218 170 163	#DAAAA3
50.0%	50.0% #E2A6A6	RGB 226 166 166	#E2A6A6
66.7%	66.7% #EAAAB3	RGB 234 170 179	#EAAAB3
83.3%	83.3% #F2ADC0	RGB 242 173 192	#F2ADC0
100.0%	100.0% #FAB0CF	RGB 250 176 207	#FAB0CF

#CAAF9C #D2AD9F #DAAAA3 #E2A6A6 #EAAAB3 #F2ADC0 #FAB0CF

#CAAF9C - #E2A6A6 - #FAB0CF

CSS codes

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

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