#C62BFF - #970BCE | 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 #C62BFF to #970BCE

#C62BFF #970BCE

Calculate the color between two colors, #C62BFF and #970BCE. 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)

#C62BFF - #970BCE | 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 #C62BFF as 0% and #970BCE as 100%.

0.0%	0.0% #C62BFF	RGB 198 43 255	#C62BFF
16.7%	16.7% #BE25F6	RGB 190 37 246	#BE25F6
33.3%	33.3% #B620EE	RGB 182 32 238	#B620EE
50.0%	50.0% #AE1BE6	RGB 174 27 230	#AE1BE6
66.7%	66.7% #A615DE	RGB 166 21 222	#A615DE
83.3%	83.3% #9E10D6	RGB 158 16 214	#9E10D6
100.0%	100.0% #970BCE	RGB 151 11 206	#970BCE

#C62BFF #BE25F6 #B620EE #AE1BE6 #A615DE #9E10D6 #970BCE

#C62BFF - #970BCE

HSV Blend

#C62BFF - #970BCE | 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 #C62BFF as 0% and #970BCE as 100%.

0.0%	0.0% #C52AFF	RGB 197 42 255	#C52AFF
16.7%	16.7% #BD24F6	RGB 189 36 246	#BD24F6
33.3%	33.3% #B51FEE	RGB 181 31 238	#B51FEE
50.0%	50.0% #AE19E6	RGB 174 25 230	#AE19E6
66.7%	66.7% #A614DE	RGB 166 20 222	#A614DE
83.3%	83.3% #9E0FD6	RGB 158 15 214	#9E0FD6
100.0%	100.0% #970BCE	RGB 151 11 206	#970BCE

#C52AFF #BD24F6 #B51FEE #AE19E6 #A614DE #9E0FD6 #970BCE

#C62BFF - #AE19E6 - #970BCE

CSS codes

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

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