#C38B8C - #FFC2AB | 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 #C38B8C to #FFC2AB

#C38B8C #FFC2AB

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

#C38B8C - #FFC2AB | 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 #C38B8C as 0% and #FFC2AB as 100%.

0.0%	0.0% #C38B8C	RGB 195 139 140	#C38B8C
16.7%	16.7% #CD9491	RGB 205 148 145	#CD9491
33.3%	33.3% #D79D96	RGB 215 157 150	#D79D96
50.0%	50.0% #E1A69B	RGB 225 166 155	#E1A69B
66.7%	66.7% #EBAFA0	RGB 235 175 160	#EBAFA0
83.3%	83.3% #F5B8A5	RGB 245 184 165	#F5B8A5
100.0%	100.0% #FFC2AB	RGB 255 194 171	#FFC2AB

#C38B8C #CD9491 #D79D96 #E1A69B #EBAFA0 #F5B8A5 #FFC2AB

#C38B8C - #FFC2AB

HSV Blend

#C38B8C - #FFC2AB | 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 #C38B8C as 0% and #FFC2AB as 100%.

0.0%	0.0% #C38B8C	RGB 195 139 140	#C38B8C
16.7%	16.7% #CD9290	RGB 205 146 144	#CD9290
33.3%	33.3% #D79B96	RGB 215 155 150	#D79B96
50.0%	50.0% #E1A49B	RGB 225 164 155	#E1A49B
66.7%	66.7% #EBADA0	RGB 235 173 160	#EBADA0
83.3%	83.3% #F5B7A6	RGB 245 183 166	#F5B7A6
100.0%	100.0% #FFC2AB	RGB 255 194 171	#FFC2AB

#C38B8C #CD9290 #D79B96 #E1A49B #EBADA0 #F5B7A6 #FFC2AB

#C38B8C - #E1A49B - #FFC2AB

CSS codes

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

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