#C064FF - #9697FF | 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 #C064FF to #9697FF

#C064FF #9697FF

Calculate the color between two colors, #C064FF and #9697FF. 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)

#C064FF - #9697FF | 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 #C064FF as 0% and #9697FF as 100%.

0.0%	0.0% #C064FF	RGB 192 100 255	#C064FF
16.7%	16.7% #B96CFF	RGB 185 108 255	#B96CFF
33.3%	33.3% #B275FF	RGB 178 117 255	#B275FF
50.0%	50.0% #AB7DFF	RGB 171 125 255	#AB7DFF
66.7%	66.7% #A486FF	RGB 164 134 255	#A486FF
83.3%	83.3% #9D8EFF	RGB 157 142 255	#9D8EFF
100.0%	100.0% #9697FF	RGB 150 151 255	#9697FF

#C064FF #B96CFF #B275FF #AB7DFF #A486FF #9D8EFF #9697FF

#C064FF - #9697FF

HSV Blend

#C064FF - #9697FF | 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 #C064FF as 0% and #9697FF as 100%.

0.0%	0.0% #C064FF	RGB 192 100 255	#C064FF
16.7%	16.7% #B46CFF	RGB 180 108 255	#B46CFF
33.3%	33.3% #AA74FF	RGB 170 116 255	#AA74FF
50.0%	50.0% #A27DFF	RGB 162 125 255	#A27DFF
66.7%	66.7% #9C85FF	RGB 156 133 255	#9C85FF
83.3%	83.3% #978DFF	RGB 151 141 255	#978DFF
100.0%	100.0% #9697FF	RGB 150 151 255	#9697FF

#C064FF #B46CFF #AA74FF #A27DFF #9C85FF #978DFF #9697FF

#C064FF - #A27DFF - #9697FF

CSS codes

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

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