#FFAFAF - #DAD3E2 | 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 #FFAFAF to #DAD3E2

#FFAFAF #DAD3E2

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

#FFAFAF - #DAD3E2 | 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 #FFAFAF as 0% and #DAD3E2 as 100%.

0.0%	0.0% #FFAFAF	RGB 255 175 175	#FFAFAF
16.7%	16.7% #F8B5B7	RGB 248 181 183	#F8B5B7
33.3%	33.3% #F2BBC0	RGB 242 187 192	#F2BBC0
50.0%	50.0% #ECC1C8	RGB 236 193 200	#ECC1C8
66.7%	66.7% #E6C7D1	RGB 230 199 209	#E6C7D1
83.3%	83.3% #E0CDD9	RGB 224 205 217	#E0CDD9
100.0%	100.0% #DAD3E2	RGB 218 211 226	#DAD3E2

#FFAFAF #F8B5B7 #F2BBC0 #ECC1C8 #E6C7D1 #E0CDD9 #DAD3E2

#FFAFAF - #DAD3E2

HSV Blend

#FFAFAF - #DAD3E2 | 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 #FFAFAF as 0% and #DAD3E2 as 100%.

0.0%	0.0% #FFAFAF	RGB 255 175 175	#FFAFAF
16.7%	16.7% #FAB5C7	RGB 250 181 199	#FAB5C7
33.3%	33.3% #F5BCD9	RGB 245 188 217	#F5BCD9
50.0%	50.0% #F0C2E5	RGB 240 194 229	#F0C2E5
66.7%	66.7% #EAC8EB	RGB 234 200 235	#EAC8EB
83.3%	83.3% #DFCDE6	RGB 223 205 230	#DFCDE6
100.0%	100.0% #DAD3E2	RGB 218 211 226	#DAD3E2

#FFAFAF #FAB5C7 #F5BCD9 #F0C2E5 #EAC8EB #DFCDE6 #DAD3E2

#FFAFAF - #F0C2E5 - #DAD3E2

CSS codes

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

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