#CEBF9C - #F1ECE2 | 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 #CEBF9C to #F1ECE2

#CEBF9C #F1ECE2

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

#CEBF9C - #F1ECE2 | 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 #CEBF9C as 0% and #F1ECE2 as 100%.

0.0%	0.0% #CEBF9C	RGB 206 191 156	#CEBF9C
16.7%	16.7% #D3C6A7	RGB 211 198 167	#D3C6A7
33.3%	33.3% #D9CEB3	RGB 217 206 179	#D9CEB3
50.0%	50.0% #DFD5BF	RGB 223 213 191	#DFD5BF
66.7%	66.7% #E5DDCA	RGB 229 221 202	#E5DDCA
83.3%	83.3% #EBE4D6	RGB 235 228 214	#EBE4D6
100.0%	100.0% #F1ECE2	RGB 241 236 226	#F1ECE2

#CEBF9C #D3C6A7 #D9CEB3 #DFD5BF #E5DDCA #EBE4D6 #F1ECE2

#CEBF9C - #F1ECE2

HSV Blend

#CEBF9C - #F1ECE2 | 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 #CEBF9C as 0% and #F1ECE2 as 100%.

0.0%	0.0% #CEBF9C	RGB 206 191 156	#CEBF9C
16.7%	16.7% #D3C6A6	RGB 211 198 166	#D3C6A6
33.3%	33.3% #D9CDB1	RGB 217 205 177	#D9CDB1
50.0%	50.0% #DFD4BD	RGB 223 212 189	#DFD4BD
66.7%	66.7% #E5DCC9	RGB 229 220 201	#E5DCC9
83.3%	83.3% #EBE4D5	RGB 235 228 213	#EBE4D5
100.0%	100.0% #F1ECE2	RGB 241 236 226	#F1ECE2

#CEBF9C #D3C6A6 #D9CDB1 #DFD4BD #E5DCC9 #EBE4D5 #F1ECE2

#CEBF9C - #DFD4BD - #F1ECE2

CSS codes

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

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