#C26CB8 - #FD8DC0 | 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 #C26CB8 to #FD8DC0

#C26CB8 #FD8DC0

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

#C26CB8 - #FD8DC0 | 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 #C26CB8 as 0% and #FD8DC0 as 100%.

0.0%	0.0% #C26CB8	RGB 194 108 184	#C26CB8
16.7%	16.7% #CB71B9	RGB 203 113 185	#CB71B9
33.3%	33.3% #D577BA	RGB 213 119 186	#D577BA
50.0%	50.0% #DF7CBC	RGB 223 124 188	#DF7CBC
66.7%	66.7% #E982BD	RGB 233 130 189	#E982BD
83.3%	83.3% #F387BE	RGB 243 135 190	#F387BE
100.0%	100.0% #FD8DC0	RGB 253 141 192	#FD8DC0

#C26CB8 #CB71B9 #D577BA #DF7CBC #E982BD #F387BE #FD8DC0

#C26CB8 - #FD8DC0

HSV Blend

#C26CB8 - #FD8DC0 | 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 #C26CB8 as 0% and #FD8DC0 as 100%.

0.0%	0.0% #C26CB7	RGB 194 108 183	#C26CB7
16.7%	16.7% #CB71BA	RGB 203 113 186	#CB71BA
33.3%	33.3% #D576BD	RGB 213 118 189	#D576BD
50.0%	50.0% #DF7CBE	RGB 223 124 190	#DF7CBE
66.7%	66.7% #E981BF	RGB 233 129 191	#E981BF
83.3%	83.3% #F387C0	RGB 243 135 192	#F387C0
100.0%	100.0% #FD8DC0	RGB 253 141 192	#FD8DC0

#C26CB7 #CB71BA #D576BD #DF7CBE #E981BF #F387C0 #FD8DC0

#C26CB8 - #DF7CBE - #FD8DC0

CSS codes

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

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