#9F9F9F - #FFCABD | 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 #9F9F9F to #FFCABD

#9F9F9F #FFCABD

Calculate the color between two colors, #9F9F9F and #FFCABD. 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)

#9F9F9F - #FFCABD | 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 #9F9F9F as 0% and #FFCABD as 100%.

0.0%	0.0% #9F9F9F	RGB 159 159 159	#9F9F9F
16.7%	16.7% #AFA6A4	RGB 175 166 164	#AFA6A4
33.3%	33.3% #BFADA9	RGB 191 173 169	#BFADA9
50.0%	50.0% #CFB4AE	RGB 207 180 174	#CFB4AE
66.7%	66.7% #DFBBB3	RGB 223 187 179	#DFBBB3
83.3%	83.3% #EFC2B8	RGB 239 194 184	#EFC2B8
100.0%	100.0% #FFCABD	RGB 255 202 189	#FFCABD

#9F9F9F #AFA6A4 #BFADA9 #CFB4AE #DFBBB3 #EFC2B8 #FFCABD

#9F9F9F - #FFCABD

HSV Blend

#9F9F9F - #FFCABD | 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 #9F9F9F as 0% and #FFCABD as 100%.

0.0%	0.0% #9F9F9F	RGB 159 159 159	#9F9F9F
16.7%	16.7% #AFA7A7	RGB 175 167 167	#AFA7A7
33.3%	33.3% #BFAFAE	RGB 191 175 174	#BFAFAE
50.0%	50.0% #CFB6B4	RGB 207 182 180	#CFB6B4
66.7%	66.7% #DFBDB8	RGB 223 189 184	#DFBDB8
83.3%	83.3% #EFC3BB	RGB 239 195 187	#EFC3BB
100.0%	100.0% #FFCABD	RGB 255 202 189	#FFCABD

#9F9F9F #AFA7A7 #BFAFAE #CFB6B4 #DFBDB8 #EFC3BB #FFCABD

#9F9F9F - #CFB6B4 - #FFCABD

CSS codes

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

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