#C38C9C - #FEBEAF | 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 #C38C9C to #FEBEAF

#C38C9C #FEBEAF

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

#C38C9C - #FEBEAF | 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 #C38C9C as 0% and #FEBEAF as 100%.

0.0%	0.0% #C38C9C	RGB 195 140 156	#C38C9C
16.7%	16.7% #CC949F	RGB 204 148 159	#CC949F
33.3%	33.3% #D69CA2	RGB 214 156 162	#D69CA2
50.0%	50.0% #E0A5A5	RGB 224 165 165	#E0A5A5
66.7%	66.7% #EAADA8	RGB 234 173 168	#EAADA8
83.3%	83.3% #F4B5AB	RGB 244 181 171	#F4B5AB
100.0%	100.0% #FEBEAF	RGB 254 190 175	#FEBEAF

#C38C9C #CC949F #D69CA2 #E0A5A5 #EAADA8 #F4B5AB #FEBEAF

#C38C9C - #FEBEAF

HSV Blend

#C38C9C - #FEBEAF | 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 #C38C9C as 0% and #FEBEAF as 100%.

0.0%	0.0% #C38C9C	RGB 195 140 156	#C38C9C
16.7%	16.7% #CC929E	RGB 204 146 158	#CC929E
33.3%	33.3% #D698A0	RGB 214 152 160	#D698A0
50.0%	50.0% #E09DA1	RGB 224 157 161	#E09DA1
66.7%	66.7% #EAA5A3	RGB 234 165 163	#EAA5A3
83.3%	83.3% #F4B1A9	RGB 244 177 169	#F4B1A9
100.0%	100.0% #FEBEAF	RGB 254 190 175	#FEBEAF

#C38C9C #CC929E #D698A0 #E09DA1 #EAA5A3 #F4B1A9 #FEBEAF

#C38C9C - #E09DA1 - #FEBEAF

CSS codes

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

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