#C255DA - #580094 | 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 #C255DA to #580094

#C255DA #580094

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

#C255DA - #580094 | 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 #C255DA as 0% and #580094 as 100%.

0.0%	0.0% #C255DA	RGB 194 85 218	#C255DA
16.7%	16.7% #B046CE	RGB 176 70 206	#B046CE
33.3%	33.3% #9E38C2	RGB 158 56 194	#9E38C2
50.0%	50.0% #8D2AB7	RGB 141 42 183	#8D2AB7
66.7%	66.7% #7B1CAB	RGB 123 28 171	#7B1CAB
83.3%	83.3% #690E9F	RGB 105 14 159	#690E9F
100.0%	100.0% #580094	RGB 88 0 148	#580094

#C255DA #B046CE #9E38C2 #8D2AB7 #7B1CAB #690E9F #580094

#C255DA - #580094

HSV Blend

#C255DA - #580094 | 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 #C255DA as 0% and #580094 as 100%.

0.0%	0.0% #C155DA	RGB 193 85 218	#C155DA
16.7%	16.7% #AF43CE	RGB 175 67 206	#AF43CE
33.3%	33.3% #9D32C2	RGB 157 50 194	#9D32C2
50.0%	50.0% #8B23B7	RGB 139 35 183	#8B23B7
66.7%	66.7% #7A16AB	RGB 122 22 171	#7A16AB
83.3%	83.3% #680A9F	RGB 104 10 159	#680A9F
100.0%	100.0% #580094	RGB 88 0 148	#580094

#C155DA #AF43CE #9D32C2 #8B23B7 #7A16AB #680A9F #580094

#C255DA - #8B23B7 - #580094

CSS codes

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

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