#CD94C7 - #A1297C | 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 #CD94C7 to #A1297C

#CD94C7 #A1297C

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

#CD94C7 - #A1297C | 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 #CD94C7 as 0% and #A1297C as 100%.

0.0%	0.0% #CD94C7	RGB 205 148 199	#CD94C7
16.7%	16.7% #C582BA	RGB 197 130 186	#C582BA
33.3%	33.3% #BE70AE	RGB 190 112 174	#BE70AE
50.0%	50.0% #B75EA1	RGB 183 94 161	#B75EA1
66.7%	66.7% #AF4C95	RGB 175 76 149	#AF4C95
83.3%	83.3% #A83A88	RGB 168 58 136	#A83A88
100.0%	100.0% #A1297C	RGB 161 41 124	#A1297C

#CD94C7 #C582BA #BE70AE #B75EA1 #AF4C95 #A83A88 #A1297C

#CD94C7 - #A1297C

HSV Blend

#CD94C7 - #A1297C | 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 #CD94C7 as 0% and #A1297C as 100%.

0.0%	0.0% #CD94C7	RGB 205 148 199	#CD94C7
16.7%	16.7% #C57FBB	RGB 197 127 187	#C57FBB
33.3%	33.3% #BE6BB0	RGB 190 107 176	#BE6BB0
50.0%	50.0% #B759A3	RGB 183 89 163	#B759A3
66.7%	66.7% #AF4896	RGB 175 72 150	#AF4896
83.3%	83.3% #A83789	RGB 168 55 137	#A83789
100.0%	100.0% #A1297C	RGB 161 41 124	#A1297C

#CD94C7 #C57FBB #BE6BB0 #B759A3 #AF4896 #A83789 #A1297C

#CD94C7 - #B759A3 - #A1297C

CSS codes

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

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