#F5E6EC - #CF9CAB | 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 #F5E6EC to #CF9CAB

#F5E6EC #CF9CAB

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

#F5E6EC - #CF9CAB | 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 #F5E6EC as 0% and #CF9CAB as 100%.

0.0%	0.0% #F5E6EC	RGB 245 230 236	#F5E6EC
16.7%	16.7% #EED9E1	RGB 238 217 225	#EED9E1
33.3%	33.3% #E8CDD6	RGB 232 205 214	#E8CDD6
50.0%	50.0% #E2C1CB	RGB 226 193 203	#E2C1CB
66.7%	66.7% #DBB4C0	RGB 219 180 192	#DBB4C0
83.3%	83.3% #D5A8B5	RGB 213 168 181	#D5A8B5
100.0%	100.0% #CF9CAB	RGB 207 156 171	#CF9CAB

#F5E6EC #EED9E1 #E8CDD6 #E2C1CB #DBB4C0 #D5A8B5 #CF9CAB

#F5E6EC - #CF9CAB

HSV Blend

#F5E6EC - #CF9CAB | 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 #F5E6EC as 0% and #CF9CAB as 100%.

0.0%	0.0% #F5E6EC	RGB 245 230 236	#F5E6EC
16.7%	16.7% #EED8E1	RGB 238 216 225	#EED8E1
33.3%	33.3% #E8CBD6	RGB 232 203 214	#E8CBD6
50.0%	50.0% #E2BFCB	RGB 226 191 203	#E2BFCB
66.7%	66.7% #DBB3C0	RGB 219 179 192	#DBB3C0
83.3%	83.3% #D5A7B5	RGB 213 167 181	#D5A7B5
100.0%	100.0% #CF9CAB	RGB 207 156 171	#CF9CAB

#F5E6EC #EED8E1 #E8CBD6 #E2BFCB #DBB3C0 #D5A7B5 #CF9CAB

#F5E6EC - #E2BFCB - #CF9CAB

CSS codes

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

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