#C18BAE - #FED8C9 | 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 #C18BAE to #FED8C9

#C18BAE #FED8C9

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

#C18BAE - #FED8C9 | 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 #C18BAE as 0% and #FED8C9 as 100%.

0.0%	0.0% #C18BAE	RGB 193 139 174	#C18BAE
16.7%	16.7% #CB97B2	RGB 203 151 178	#CB97B2
33.3%	33.3% #D5A4B7	RGB 213 164 183	#D5A4B7
50.0%	50.0% #DFB1BB	RGB 223 177 187	#DFB1BB
66.7%	66.7% #E9BEC0	RGB 233 190 192	#E9BEC0
83.3%	83.3% #F3CBC4	RGB 243 203 196	#F3CBC4
100.0%	100.0% #FED8C9	RGB 254 216 201	#FED8C9

#C18BAE #CB97B2 #D5A4B7 #DFB1BB #E9BEC0 #F3CBC4 #FED8C9

#C18BAE - #FED8C9

HSV Blend

#C18BAE - #FED8C9 | 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 #C18BAE as 0% and #FED8C9 as 100%.

0.0%	0.0% #C18BAE	RGB 193 139 174	#C18BAE
16.7%	16.7% #CB94AF	RGB 203 148 175	#CB94AF
33.3%	33.3% #D59EB1	RGB 213 158 177	#D59EB1
50.0%	50.0% #DFA8B2	RGB 223 168 178	#DFA8B2
66.7%	66.7% #E9B3B4	RGB 233 179 180	#E9B3B4
83.3%	83.3% #F3C4BE	RGB 243 196 190	#F3C4BE
100.0%	100.0% #FED8C9	RGB 254 216 201	#FED8C9

#C18BAE #CB94AF #D59EB1 #DFA8B2 #E9B3B4 #F3C4BE #FED8C9

#C18BAE - #DFA8B2 - #FED8C9

CSS codes

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

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