#C38CAC - #FEAFB7 | 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 #C38CAC to #FEAFB7

#C38CAC #FEAFB7

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

#C38CAC - #FEAFB7 | 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 #C38CAC as 0% and #FEAFB7 as 100%.

0.0%	0.0% #C38CAC	RGB 195 140 172	#C38CAC
16.7%	16.7% #CC91AD	RGB 204 145 173	#CC91AD
33.3%	33.3% #D697AF	RGB 214 151 175	#D697AF
50.0%	50.0% #E09DB1	RGB 224 157 177	#E09DB1
66.7%	66.7% #EAA3B3	RGB 234 163 179	#EAA3B3
83.3%	83.3% #F4A9B5	RGB 244 169 181	#F4A9B5
100.0%	100.0% #FEAFB7	RGB 254 175 183	#FEAFB7

#C38CAC #CC91AD #D697AF #E09DB1 #EAA3B3 #F4A9B5 #FEAFB7

#C38CAC - #FEAFB7

HSV Blend

#C38CAC - #FEAFB7 | 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 #C38CAC as 0% and #FEAFB7 as 100%.

0.0%	0.0% #C38CAC	RGB 195 140 172	#C38CAC
16.7%	16.7% #CC92AF	RGB 204 146 175	#CC92AF
33.3%	33.3% #D698B2	RGB 214 152 178	#D698B2
50.0%	50.0% #E09DB4	RGB 224 157 180	#E09DB4
66.7%	66.7% #EAA3B6	RGB 234 163 182	#EAA3B6
83.3%	83.3% #F4A9B6	RGB 244 169 182	#F4A9B6
100.0%	100.0% #FEAFB7	RGB 254 175 183	#FEAFB7

#C38CAC #CC92AF #D698B2 #E09DB4 #EAA3B6 #F4A9B6 #FEAFB7

#C38CAC - #E09DB4 - #FEAFB7

CSS codes

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

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