#C98ECB - #6C2D83 | 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 #C98ECB to #6C2D83

#C98ECB #6C2D83

Calculate the color between two colors, #C98ECB and #6C2D83. 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)

#C98ECB - #6C2D83 | 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 #C98ECB as 0% and #6C2D83 as 100%.

0.0%	0.0% #C98ECB	RGB 201 142 203	#C98ECB
16.7%	16.7% #B97DBF	RGB 185 125 191	#B97DBF
33.3%	33.3% #AA6DB3	RGB 170 109 179	#AA6DB3
50.0%	50.0% #9A5DA7	RGB 154 93 167	#9A5DA7
66.7%	66.7% #8B4D9B	RGB 139 77 155	#8B4D9B
83.3%	83.3% #7B3D8F	RGB 123 61 143	#7B3D8F
100.0%	100.0% #6C2D83	RGB 108 45 131	#6C2D83

#C98ECB #B97DBF #AA6DB3 #9A5DA7 #8B4D9B #7B3D8F #6C2D83

#C98ECB - #6C2D83

HSV Blend

#C98ECB - #6C2D83 | 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 #C98ECB as 0% and #6C2D83 as 100%.

0.0%	0.0% #C98ECB	RGB 201 142 203	#C98ECB
16.7%	16.7% #BA7ABF	RGB 186 122 191	#BA7ABF
33.3%	33.3% #AA67B3	RGB 170 103 179	#AA67B3
50.0%	50.0% #9B57A7	RGB 155 87 167	#9B57A7
66.7%	66.7% #8B479B	RGB 139 71 155	#8B479B
83.3%	83.3% #7B398F	RGB 123 57 143	#7B398F
100.0%	100.0% #6C2D83	RGB 108 45 131	#6C2D83

#C98ECB #BA7ABF #AA67B3 #9B57A7 #8B479B #7B398F #6C2D83

#C98ECB - #9B57A7 - #6C2D83

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C98ECB 0%, #9B57A7 50%, #6C2D83 100%);
    background: -webkit-linear-gradient(top, #C98ECB 0%, #9B57A7 50%, #6C2D83 100%);
    background: linear-gradient(to bottom, #C98ECB 0%, #9B57A7 50%, #6C2D83 100%);
}
</style>