#CFB7FF - #C7CDF3 | 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 #CFB7FF to #C7CDF3

#CFB7FF #C7CDF3

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

#CFB7FF - #C7CDF3 | 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 #CFB7FF as 0% and #C7CDF3 as 100%.

0.0%	0.0% #CFB7FF	RGB 207 183 255	#CFB7FF
16.7%	16.7% #CDBAFD	RGB 205 186 253	#CDBAFD
33.3%	33.3% #CCBEFB	RGB 204 190 251	#CCBEFB
50.0%	50.0% #CBC2F9	RGB 203 194 249	#CBC2F9
66.7%	66.7% #C9C5F7	RGB 201 197 247	#C9C5F7
83.3%	83.3% #C8C9F5	RGB 200 201 245	#C8C9F5
100.0%	100.0% #C7CDF3	RGB 199 205 243	#C7CDF3

#CFB7FF #CDBAFD #CCBEFB #CBC2F9 #C9C5F7 #C8C9F5 #C7CDF3

#CFB7FF - #C7CDF3

HSV Blend

#CFB7FF - #C7CDF3 | 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 #CFB7FF as 0% and #C7CDF3 as 100%.

0.0%	0.0% #CFB7FF	RGB 207 183 255	#CFB7FF
16.7%	16.7% #CAB9FD	RGB 202 185 253	#CAB9FD
33.3%	33.3% #C7BCFB	RGB 199 188 251	#C7BCFB
50.0%	50.0% #C4BFF9	RGB 196 191 249	#C4BFF9
66.7%	66.7% #C3C1F7	RGB 195 193 247	#C3C1F7
83.3%	83.3% #C4C7F5	RGB 196 199 245	#C4C7F5
100.0%	100.0% #C7CDF3	RGB 199 205 243	#C7CDF3

#CFB7FF #CAB9FD #C7BCFB #C4BFF9 #C3C1F7 #C4C7F5 #C7CDF3

#CFB7FF - #C4BFF9 - #C7CDF3

CSS codes

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

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