#C99ED2 - #713D8C | 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 #C99ED2 to #713D8C

#C99ED2 #713D8C

Calculate the color between two colors, #C99ED2 and #713D8C. 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)

#C99ED2 - #713D8C | 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 #C99ED2 as 0% and #713D8C as 100%.

0.0%	0.0% #C99ED2	RGB 201 158 210	#C99ED2
16.7%	16.7% #BA8DC6	RGB 186 141 198	#BA8DC6
33.3%	33.3% #AB7DBA	RGB 171 125 186	#AB7DBA
50.0%	50.0% #9D6DAF	RGB 157 109 175	#9D6DAF
66.7%	66.7% #8E5DA3	RGB 142 93 163	#8E5DA3
83.3%	83.3% #7F4D97	RGB 127 77 151	#7F4D97
100.0%	100.0% #713D8C	RGB 113 61 140	#713D8C

#C99ED2 #BA8DC6 #AB7DBA #9D6DAF #8E5DA3 #7F4D97 #713D8C

#C99ED2 - #713D8C

HSV Blend

#C99ED2 - #713D8C | 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 #C99ED2 as 0% and #713D8C as 100%.

0.0%	0.0% #C99ED2	RGB 201 158 210	#C99ED2
16.7%	16.7% #BA8AC6	RGB 186 138 198	#BA8AC6
33.3%	33.3% #AB78BA	RGB 171 120 186	#AB78BA
50.0%	50.0% #9C67AF	RGB 156 103 175	#9C67AF
66.7%	66.7% #8D58A3	RGB 141 88 163	#8D58A3
83.3%	83.3% #7F4A97	RGB 127 74 151	#7F4A97
100.0%	100.0% #713D8C	RGB 113 61 140	#713D8C

#C99ED2 #BA8AC6 #AB78BA #9C67AF #8D58A3 #7F4A97 #713D8C

#C99ED2 - #9C67AF - #713D8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C99ED2 0%, #9C67AF 50%, #713D8C 100%);
    background: -webkit-linear-gradient(top, #C99ED2 0%, #9C67AF 50%, #713D8C 100%);
    background: linear-gradient(to bottom, #C99ED2 0%, #9C67AF 50%, #713D8C 100%);
}
</style>