#CF6DFF - #D3ACFC | 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 #CF6DFF to #D3ACFC

#CF6DFF #D3ACFC

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

#CF6DFF - #D3ACFC | 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 #CF6DFF as 0% and #D3ACFC as 100%.

0.0%	0.0% #CF6DFF	RGB 207 109 255	#CF6DFF
16.7%	16.7% #CF77FE	RGB 207 119 254	#CF77FE
33.3%	33.3% #D082FE	RGB 208 130 254	#D082FE
50.0%	50.0% #D18CFD	RGB 209 140 253	#D18CFD
66.7%	66.7% #D197FD	RGB 209 151 253	#D197FD
83.3%	83.3% #D2A1FC	RGB 210 161 252	#D2A1FC
100.0%	100.0% #D3ACFC	RGB 211 172 252	#D3ACFC

#CF6DFF #CF77FE #D082FE #D18CFD #D197FD #D2A1FC #D3ACFC

#CF6DFF - #D3ACFC

HSV Blend

#CF6DFF - #D3ACFC | 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 #CF6DFF as 0% and #D3ACFC as 100%.

0.0%	0.0% #CF6DFF	RGB 207 109 255	#CF6DFF
16.7%	16.7% #CE77FE	RGB 206 119 254	#CE77FE
33.3%	33.3% #CD82FE	RGB 205 130 254	#CD82FE
50.0%	50.0% #CE8CFD	RGB 206 140 253	#CE8CFD
66.7%	66.7% #CF97FD	RGB 207 151 253	#CF97FD
83.3%	83.3% #D0A1FC	RGB 208 161 252	#D0A1FC
100.0%	100.0% #D3ACFC	RGB 211 172 252	#D3ACFC

#CF6DFF #CE77FE #CD82FE #CE8CFD #CF97FD #D0A1FC #D3ACFC

#CF6DFF - #CE8CFD - #D3ACFC

CSS codes

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

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