#CAC7C8 - #FFDFDF | 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 #CAC7C8 to #FFDFDF

#CAC7C8 #FFDFDF

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

#CAC7C8 - #FFDFDF | 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 #CAC7C8 as 0% and #FFDFDF as 100%.

0.0%	0.0% #CAC7C8	RGB 202 199 200	#CAC7C8
16.7%	16.7% #D2CBCB	RGB 210 203 203	#D2CBCB
33.3%	33.3% #DBCFCF	RGB 219 207 207	#DBCFCF
50.0%	50.0% #E4D3D3	RGB 228 211 211	#E4D3D3
66.7%	66.7% #EDD7D7	RGB 237 215 215	#EDD7D7
83.3%	83.3% #F6DBDB	RGB 246 219 219	#F6DBDB
100.0%	100.0% #FFDFDF	RGB 255 223 223	#FFDFDF

#CAC7C8 #D2CBCB #DBCFCF #E4D3D3 #EDD7D7 #F6DBDB #FFDFDF

#CAC7C8 - #FFDFDF

HSV Blend

#CAC7C8 - #FFDFDF | 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 #CAC7C8 as 0% and #FFDFDF as 100%.

0.0%	0.0% #CAC7C8	RGB 202 199 200	#CAC7C8
16.7%	16.7% #D2CBCD	RGB 210 203 205	#D2CBCD
33.3%	33.3% #DBD0D2	RGB 219 208 210	#DBD0D2
50.0%	50.0% #E4D4D7	RGB 228 212 215	#E4D4D7
66.7%	66.7% #EDD8DA	RGB 237 216 218	#EDD8DA
83.3%	83.3% #F6DBDD	RGB 246 219 221	#F6DBDD
100.0%	100.0% #FFDFDF	RGB 255 223 223	#FFDFDF

#CAC7C8 #D2CBCD #DBD0D2 #E4D4D7 #EDD8DA #F6DBDD #FFDFDF

#CAC7C8 - #E4D4D7 - #FFDFDF

CSS codes

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

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