#DFDFDF - #C694CA | 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 #C694CA

#DFDFDF #C694CA

Calculate the color between two colors, #DFDFDF and #C694CA. 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 - #C694CA | 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 #C694CA as 100%.

0.0%	0.0% #DFDFDF	RGB 223 223 223	#DFDFDF
16.7%	16.7% #DAD2DB	RGB 218 210 219	#DAD2DB
33.3%	33.3% #D6C6D8	RGB 214 198 216	#D6C6D8
50.0%	50.0% #D2B9D4	RGB 210 185 212	#D2B9D4
66.7%	66.7% #CEADD1	RGB 206 173 209	#CEADD1
83.3%	83.3% #CAA0CD	RGB 202 160 205	#CAA0CD
100.0%	100.0% #C694CA	RGB 198 148 202	#C694CA

#DFDFDF #DAD2DB #D6C6D8 #D2B9D4 #CEADD1 #CAA0CD #C694CA

#DFDFDF - #C694CA

HSV Blend

#DFDFDF - #C694CA | 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 #C694CA as 100%.

0.0%	0.0% #DFDFDF	RGB 223 223 223	#DFDFDF
16.7%	16.7% #DBD1D3	RGB 219 209 211	#DBD1D3
33.3%	33.3% #D8C4CB	RGB 216 196 203	#D8C4CB
50.0%	50.0% #D4B8C7	RGB 212 184 199	#D4B8C7
66.7%	66.7% #D1ABC6	RGB 209 171 198	#D1ABC6
83.3%	83.3% #CD9FC8	RGB 205 159 200	#CD9FC8
100.0%	100.0% #C694CA	RGB 198 148 202	#C694CA

#DFDFDF #DBD1D3 #D8C4CB #D4B8C7 #D1ABC6 #CD9FC8 #C694CA

#DFDFDF - #D4B8C7 - #C694CA

CSS codes

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

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