#CFB5BD - #CBFFCB | 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 #CFB5BD to #CBFFCB

#CFB5BD #CBFFCB

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

#CFB5BD - #CBFFCB | 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 #CFB5BD as 0% and #CBFFCB as 100%.

0.0%	0.0% #CFB5BD	RGB 207 181 189	#CFB5BD
16.7%	16.7% #CEC1BF	RGB 206 193 191	#CEC1BF
33.3%	33.3% #CDCDC1	RGB 205 205 193	#CDCDC1
50.0%	50.0% #CDDAC4	RGB 205 218 196	#CDDAC4
66.7%	66.7% #CCE6C6	RGB 204 230 198	#CCE6C6
83.3%	83.3% #CBF2C8	RGB 203 242 200	#CBF2C8
100.0%	100.0% #CBFFCB	RGB 203 255 203	#CBFFCB

#CFB5BD #CEC1BF #CDCDC1 #CDDAC4 #CCE6C6 #CBF2C8 #CBFFCB

#CFB5BD - #CBFFCB

HSV Blend

#CFB5BD - #CBFFCB | 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 #CFB5BD as 0% and #CBFFCB as 100%.

0.0%	0.0% #CFB5BD	RGB 207 181 189	#CFB5BD
16.7%	16.7% #D7BBB9	RGB 215 187 185	#D7BBB9
33.3%	33.3% #DFCCBD	RGB 223 204 189	#DFCCBD
50.0%	50.0% #E7E1C0	RGB 231 225 192	#E7E1C0
66.7%	66.7% #E5EFC4	RGB 229 239 196	#E5EFC4
83.3%	83.3% #D9F7C7	RGB 217 247 199	#D9F7C7
100.0%	100.0% #CBFFCB	RGB 203 255 203	#CBFFCB

#CFB5BD #D7BBB9 #DFCCBD #E7E1C0 #E5EFC4 #D9F7C7 #CBFFCB

#CFB5BD - #E7E1C0 - #CBFFCB

CSS codes

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

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