#C15DFF - #AF07E6 | 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 #C15DFF to #AF07E6

#C15DFF #AF07E6

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

#C15DFF - #AF07E6 | 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 #C15DFF as 0% and #AF07E6 as 100%.

0.0%	0.0% #C15DFF	RGB 193 93 255	#C15DFF
16.7%	16.7% #BE4EFA	RGB 190 78 250	#BE4EFA
33.3%	33.3% #BB40F6	RGB 187 64 246	#BB40F6
50.0%	50.0% #B832F2	RGB 184 50 242	#B832F2
66.7%	66.7% #B523EE	RGB 181 35 238	#B523EE
83.3%	83.3% #B215EA	RGB 178 21 234	#B215EA
100.0%	100.0% #AF07E6	RGB 175 7 230	#AF07E6

#C15DFF #BE4EFA #BB40F6 #B832F2 #B523EE #B215EA #AF07E6

#C15DFF - #AF07E6

HSV Blend

#C15DFF - #AF07E6 | 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 #C15DFF as 0% and #AF07E6 as 100%.

0.0%	0.0% #C15DFF	RGB 193 93 255	#C15DFF
16.7%	16.7% #BC4DFA	RGB 188 77 250	#BC4DFA
33.3%	33.3% #B83EF6	RGB 184 62 246	#B83EF6
50.0%	50.0% #B52FF2	RGB 181 47 242	#B52FF2
66.7%	66.7% #B221EE	RGB 178 33 238	#B221EE
83.3%	83.3% #B014EA	RGB 176 20 234	#B014EA
100.0%	100.0% #AF07E6	RGB 175 7 230	#AF07E6

#C15DFF #BC4DFA #B83EF6 #B52FF2 #B221EE #B014EA #AF07E6

#C15DFF - #B52FF2 - #AF07E6

CSS codes

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

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