#DFDFDF - #A294CA | 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 #DFDFDF to #A294CA

#DFDFDF #A294CA

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

#DFDFDF - #A294CA | 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 #DFDFDF as 0% and #A294CA as 100%.

0.0%	0.0% #DFDFDF	RGB 223 223 223	#DFDFDF
16.7%	16.7% #D4D2DB	RGB 212 210 219	#D4D2DB
33.3%	33.3% #CAC6D8	RGB 202 198 216	#CAC6D8
50.0%	50.0% #C0B9D4	RGB 192 185 212	#C0B9D4
66.7%	66.7% #B6ADD1	RGB 182 173 209	#B6ADD1
83.3%	83.3% #ACA0CD	RGB 172 160 205	#ACA0CD
100.0%	100.0% #A294CA	RGB 162 148 202	#A294CA

#DFDFDF #D4D2DB #CAC6D8 #C0B9D4 #B6ADD1 #ACA0CD #A294CA

#DFDFDF - #A294CA

HSV Blend

#DFDFDF - #A294CA | 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 #DFDFDF as 0% and #A294CA as 100%.

0.0%	0.0% #DFDFDF	RGB 223 223 223	#DFDFDF
16.7%	16.7% #DBD1D4	RGB 219 209 212	#DBD1D4
33.3%	33.3% #D8C4CF	RGB 216 196 207	#D8C4CF
50.0%	50.0% #D4B8D0	RGB 212 184 208	#D4B8D0
66.7%	66.7% #CBABD1	RGB 203 171 209	#CBABD1
83.3%	83.3% #B89FCD	RGB 184 159 205	#B89FCD
100.0%	100.0% #A294CA	RGB 162 148 202	#A294CA

#DFDFDF #DBD1D4 #D8C4CF #D4B8D0 #CBABD1 #B89FCD #A294CA

#DFDFDF - #D4B8D0 - #A294CA

CSS codes

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

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