#C08EB2 - #FEDBCD | 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 #C08EB2 to #FEDBCD

#C08EB2 #FEDBCD

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

#C08EB2 - #FEDBCD | 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 #C08EB2 as 0% and #FEDBCD as 100%.

0.0%	0.0% #C08EB2	RGB 192 142 178	#C08EB2
16.7%	16.7% #CA9AB6	RGB 202 154 182	#CA9AB6
33.3%	33.3% #D4A7BB	RGB 212 167 187	#D4A7BB
50.0%	50.0% #DFB4BF	RGB 223 180 191	#DFB4BF
66.7%	66.7% #E9C1C4	RGB 233 193 196	#E9C1C4
83.3%	83.3% #F3CEC8	RGB 243 206 200	#F3CEC8
100.0%	100.0% #FEDBCD	RGB 254 219 205	#FEDBCD

#C08EB2 #CA9AB6 #D4A7BB #DFB4BF #E9C1C4 #F3CEC8 #FEDBCD

#C08EB2 - #FEDBCD

HSV Blend

#C08EB2 - #FEDBCD | 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 #C08EB2 as 0% and #FEDBCD as 100%.

0.0%	0.0% #C08EB2	RGB 192 142 178	#C08EB2
16.7%	16.7% #CA97B3	RGB 202 151 179	#CA97B3
33.3%	33.3% #D4A2B5	RGB 212 162 181	#D4A2B5
50.0%	50.0% #DFACB7	RGB 223 172 183	#DFACB7
66.7%	66.7% #E9B7B9	RGB 233 183 185	#E9B7B9
83.3%	83.3% #F3C7C1	RGB 243 199 193	#F3C7C1
100.0%	100.0% #FEDBCD	RGB 254 219 205	#FEDBCD

#C08EB2 #CA97B3 #D4A2B5 #DFACB7 #E9B7B9 #F3C7C1 #FEDBCD

#C08EB2 - #DFACB7 - #FEDBCD

CSS codes

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

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