#CB9FAB - #CFCFCF | 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 #CB9FAB to #CFCFCF

#CB9FAB #CFCFCF

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

#CB9FAB - #CFCFCF | 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 #CB9FAB as 0% and #CFCFCF as 100%.

0.0%	0.0% #CB9FAB	RGB 203 159 171	#CB9FAB
16.7%	16.7% #CBA7B1	RGB 203 167 177	#CBA7B1
33.3%	33.3% #CCAFB7	RGB 204 175 183	#CCAFB7
50.0%	50.0% #CDB7BD	RGB 205 183 189	#CDB7BD
66.7%	66.7% #CDBFC3	RGB 205 191 195	#CDBFC3
83.3%	83.3% #CEC7C9	RGB 206 199 201	#CEC7C9
100.0%	100.0% #CFCFCF	RGB 207 207 207	#CFCFCF

#CB9FAB #CBA7B1 #CCAFB7 #CDB7BD #CDBFC3 #CEC7C9 #CFCFCF

#CB9FAB - #CFCFCF

HSV Blend

#CB9FAB - #CFCFCF | 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 #CB9FAB as 0% and #CFCFCF as 100%.

0.0%	0.0% #CB9FAB	RGB 203 159 171	#CB9FAB
16.7%	16.7% #CBA6AF	RGB 203 166 175	#CBA6AF
33.3%	33.3% #CCAEB4	RGB 204 174 180	#CCAEB4
50.0%	50.0% #CDB6B9	RGB 205 182 185	#CDB6B9
66.7%	66.7% #CDBEC0	RGB 205 190 192	#CDBEC0
83.3%	83.3% #CEC6C7	RGB 206 198 199	#CEC6C7
100.0%	100.0% #CFCFCF	RGB 207 207 207	#CFCFCF

#CB9FAB #CBA6AF #CCAEB4 #CDB6B9 #CDBEC0 #CEC6C7 #CFCFCF

#CB9FAB - #CDB6B9 - #CFCFCF

CSS codes

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

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