#DFC2DF - #C8CFF3 | 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 #DFC2DF to #C8CFF3

#DFC2DF #C8CFF3

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

#DFC2DF - #C8CFF3 | 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 #DFC2DF as 0% and #C8CFF3 as 100%.

0.0%	0.0% #DFC2DF	RGB 223 194 223	#DFC2DF
16.7%	16.7% #DBC4E2	RGB 219 196 226	#DBC4E2
33.3%	33.3% #D7C6E5	RGB 215 198 229	#D7C6E5
50.0%	50.0% #D3C8E9	RGB 211 200 233	#D3C8E9
66.7%	66.7% #CFCAEC	RGB 207 202 236	#CFCAEC
83.3%	83.3% #CBCCEF	RGB 203 204 239	#CBCCEF
100.0%	100.0% #C8CFF3	RGB 200 207 243	#C8CFF3

#DFC2DF #DBC4E2 #D7C6E5 #D3C8E9 #CFCAEC #CBCCEF #C8CFF3

#DFC2DF - #C8CFF3

HSV Blend

#DFC2DF - #C8CFF3 | 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 #DFC2DF as 0% and #C8CFF3 as 100%.

0.0%	0.0% #DFC2DF	RGB 223 194 223	#DFC2DF
16.7%	16.7% #DCC3E2	RGB 220 195 226	#DCC3E2
33.3%	33.3% #D8C4E5	RGB 216 196 229	#D8C4E5
50.0%	50.0% #D4C5E9	RGB 212 197 233	#D4C5E9
66.7%	66.7% #CEC6EC	RGB 206 198 236	#CEC6EC
83.3%	83.3% #C8C7EF	RGB 200 199 239	#C8C7EF
100.0%	100.0% #C8CFF3	RGB 200 207 243	#C8CFF3

#DFC2DF #DCC3E2 #D8C4E5 #D4C5E9 #CEC6EC #C8C7EF #C8CFF3

#DFC2DF - #D4C5E9 - #C8CFF3

CSS codes

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

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