#C25AC1 - #CDBAD2 | 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 #C25AC1 to #CDBAD2

#C25AC1 #CDBAD2

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

#C25AC1 - #CDBAD2 | 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 #C25AC1 as 0% and #CDBAD2 as 100%.

0.0%	0.0% #C25AC1	RGB 194 90 193	#C25AC1
16.7%	16.7% #C36AC3	RGB 195 106 195	#C36AC3
33.3%	33.3% #C57AC6	RGB 197 122 198	#C57AC6
50.0%	50.0% #C78AC9	RGB 199 138 201	#C78AC9
66.7%	66.7% #C99ACC	RGB 201 154 204	#C99ACC
83.3%	83.3% #CBAACF	RGB 203 170 207	#CBAACF
100.0%	100.0% #CDBAD2	RGB 205 186 210	#CDBAD2

#C25AC1 #C36AC3 #C57AC6 #C78AC9 #C99ACC #CBAACF #CDBAD2

#C25AC1 - #CDBAD2

HSV Blend

#C25AC1 - #CDBAD2 | 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 #C25AC1 as 0% and #CDBAD2 as 100%.

0.0%	0.0% #C25AC1	RGB 194 90 193	#C25AC1
16.7%	16.7% #C269C4	RGB 194 105 196	#C269C4
33.3%	33.3% #C278C7	RGB 194 120 199	#C278C7
50.0%	50.0% #C388CA	RGB 195 136 202	#C388CA
66.7%	66.7% #C598CC	RGB 197 152 204	#C598CC
83.3%	83.3% #C8A9CF	RGB 200 169 207	#C8A9CF
100.0%	100.0% #CDBAD2	RGB 205 186 210	#CDBAD2

#C25AC1 #C269C4 #C278C7 #C388CA #C598CC #C8A9CF #CDBAD2

#C25AC1 - #C388CA - #CDBAD2

CSS codes

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

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