#C0BBC3 - #FFE4BD | 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 #C0BBC3 to #FFE4BD

#C0BBC3 #FFE4BD

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

#C0BBC3 - #FFE4BD | 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 #C0BBC3 as 0% and #FFE4BD as 100%.

0.0%	0.0% #C0BBC3	RGB 192 187 195	#C0BBC3
16.7%	16.7% #CAC1C2	RGB 202 193 194	#CAC1C2
33.3%	33.3% #D5C8C1	RGB 213 200 193	#D5C8C1
50.0%	50.0% #DFCFC0	RGB 223 207 192	#DFCFC0
66.7%	66.7% #EAD6BF	RGB 234 214 191	#EAD6BF
83.3%	83.3% #F4DDBE	RGB 244 221 190	#F4DDBE
100.0%	100.0% #FFE4BD	RGB 255 228 189	#FFE4BD

#C0BBC3 #CAC1C2 #D5C8C1 #DFCFC0 #EAD6BF #F4DDBE #FFE4BD

#C0BBC3 - #FFE4BD

HSV Blend

#C0BBC3 - #FFE4BD | 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 #C0BBC3 as 0% and #FFE4BD as 100%.

0.0%	0.0% #C0BBC3	RGB 192 187 195	#C0BBC3
16.7%	16.7% #CCBDCD	RGB 204 189 205	#CCBDCD
33.3%	33.3% #D7BED0	RGB 215 190 208	#D7BED0
50.0%	50.0% #E1BFCC	RGB 225 191 204	#E1BFCC
66.7%	66.7% #EBBFC2	RGB 235 191 194	#EBBFC2
83.3%	83.3% #F5CCBE	RGB 245 204 190	#F5CCBE
100.0%	100.0% #FFE4BD	RGB 255 228 189	#FFE4BD

#C0BBC3 #CCBDCD #D7BED0 #E1BFCC #EBBFC2 #F5CCBE #FFE4BD

#C0BBC3 - #E1BFCC - #FFE4BD

CSS codes

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

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