#C26CB8 - #FD8DC1 | 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 #FD8DC1

#C26CB8 #FD8DC1

Calculate the color between two colors, #C26CB8 and #FD8DC1. 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 - #FD8DC1 | 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 #FD8DC1 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% #D577BB	RGB 213 119 187	#D577BB
50.0%	50.0% #DF7CBC	RGB 223 124 188	#DF7CBC
66.7%	66.7% #E982BE	RGB 233 130 190	#E982BE
83.3%	83.3% #F387BF	RGB 243 135 191	#F387BF
100.0%	100.0% #FD8DC1	RGB 253 141 193	#FD8DC1

#C26CB8 #CB71B9 #D577BB #DF7CBC #E982BE #F387BF #FD8DC1

#C26CB8 - #FD8DC1

HSV Blend

#C26CB8 - #FD8DC1 | 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 #FD8DC1 as 100%.

0.0%	0.0% #C26CB7	RGB 194 108 183	#C26CB7
16.7%	16.7% #CB71BB	RGB 203 113 187	#CB71BB
33.3%	33.3% #D576BD	RGB 213 118 189	#D576BD
50.0%	50.0% #DF7CBF	RGB 223 124 191	#DF7CBF
66.7%	66.7% #E981C0	RGB 233 129 192	#E981C0
83.3%	83.3% #F387C1	RGB 243 135 193	#F387C1
100.0%	100.0% #FD8DC1	RGB 253 141 193	#FD8DC1

#C26CB7 #CB71BB #D576BD #DF7CBF #E981C0 #F387C1 #FD8DC1

#C26CB8 - #DF7CBF - #FD8DC1

CSS codes

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

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