#CABDCB - #FFF8C3 | 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 #CABDCB to #FFF8C3

#CABDCB #FFF8C3

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

#CABDCB - #FFF8C3 | 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 #CABDCB as 0% and #FFF8C3 as 100%.

0.0%	0.0% #CABDCB	RGB 202 189 203	#CABDCB
16.7%	16.7% #D2C6C9	RGB 210 198 201	#D2C6C9
33.3%	33.3% #DBD0C8	RGB 219 208 200	#DBD0C8
50.0%	50.0% #E4DAC7	RGB 228 218 199	#E4DAC7
66.7%	66.7% #EDE4C5	RGB 237 228 197	#EDE4C5
83.3%	83.3% #F6EEC4	RGB 246 238 196	#F6EEC4
100.0%	100.0% #FFF8C3	RGB 255 248 195	#FFF8C3

#CABDCB #D2C6C9 #DBD0C8 #E4DAC7 #EDE4C5 #F6EEC4 #FFF8C3

#CABDCB - #FFF8C3

HSV Blend

#CABDCB - #FFF8C3 | 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 #CABDCB as 0% and #FFF8C3 as 100%.

0.0%	0.0% #CABDCB	RGB 202 189 203	#CABDCB
16.7%	16.7% #D3BFCE	RGB 211 191 206	#D3BFCE
33.3%	33.3% #DCC0CC	RGB 220 192 204	#DCC0CC
50.0%	50.0% #E5C2C5	RGB 229 194 197	#E5C2C5
66.7%	66.7% #EDCCC2	RGB 237 204 194	#EDCCC2
83.3%	83.3% #F6DFC3	RGB 246 223 195	#F6DFC3
100.0%	100.0% #FFF8C3	RGB 255 248 195	#FFF8C3

#CABDCB #D3BFCE #DCC0CC #E5C2C5 #EDCCC2 #F6DFC3 #FFF8C3

#CABDCB - #E5C2C5 - #FFF8C3

CSS codes

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

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