#CFB69F - #FFACEB | 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 #CFB69F to #FFACEB

#CFB69F #FFACEB

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

#CFB69F - #FFACEB | 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 #CFB69F as 0% and #FFACEB as 100%.

0.0%	0.0% #CFB69F	RGB 207 182 159	#CFB69F
16.7%	16.7% #D7B4AB	RGB 215 180 171	#D7B4AB
33.3%	33.3% #DFB2B8	RGB 223 178 184	#DFB2B8
50.0%	50.0% #E7B1C5	RGB 231 177 197	#E7B1C5
66.7%	66.7% #EFAFD1	RGB 239 175 209	#EFAFD1
83.3%	83.3% #F7ADDE	RGB 247 173 222	#F7ADDE
100.0%	100.0% #FFACEB	RGB 255 172 235	#FFACEB

#CFB69F #D7B4AB #DFB2B8 #E7B1C5 #EFAFD1 #F7ADDE #FFACEB

#CFB69F - #FFACEB

HSV Blend

#CFB69F - #FFACEB | 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 #CFB69F as 0% and #FFACEB as 100%.

0.0%	0.0% #CFB69F	RGB 207 182 159	#CFB69F
16.7%	16.7% #D7B0A1	RGB 215 176 161	#D7B0A1
33.3%	33.3% #DFA8A4	RGB 223 168 164	#DFA8A4
50.0%	50.0% #E7A6AF	RGB 231 166 175	#E7A6AF
66.7%	66.7% #EFA8C1	RGB 239 168 193	#EFA8C1
83.3%	83.3% #F7AAD4	RGB 247 170 212	#F7AAD4
100.0%	100.0% #FFACEB	RGB 255 172 235	#FFACEB

#CFB69F #D7B0A1 #DFA8A4 #E7A6AF #EFA8C1 #F7AAD4 #FFACEB

#CFB69F - #E7A6AF - #FFACEB

CSS codes

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

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