#C26DC3 - #FFC3C4 | 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 #C26DC3 to #FFC3C4

#C26DC3 #FFC3C4

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

#C26DC3 - #FFC3C4 | 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 #C26DC3 as 0% and #FFC3C4 as 100%.

0.0%	0.0% #C26DC3	RGB 194 109 195	#C26DC3
16.7%	16.7% #CC7BC3	RGB 204 123 195	#CC7BC3
33.3%	33.3% #D689C3	RGB 214 137 195	#D689C3
50.0%	50.0% #E098C3	RGB 224 152 195	#E098C3
66.7%	66.7% #EAA6C3	RGB 234 166 195	#EAA6C3
83.3%	83.3% #F4B4C3	RGB 244 180 195	#F4B4C3
100.0%	100.0% #FFC3C4	RGB 255 195 196	#FFC3C4

#C26DC3 #CC7BC3 #D689C3 #E098C3 #EAA6C3 #F4B4C3 #FFC3C4

#C26DC3 - #FFC3C4

HSV Blend

#C26DC3 - #FFC3C4 | 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 #C26DC3 as 0% and #FFC3C4 as 100%.

0.0%	0.0% #C26DC3	RGB 194 109 195	#C26DC3
16.7%	16.7% #CD79C0	RGB 205 121 192	#CD79C0
33.3%	33.3% #D786BD	RGB 215 134 189	#D786BD
50.0%	50.0% #E194BC	RGB 225 148 188	#E194BC
66.7%	66.7% #EBA3BC	RGB 235 163 188	#EBA3BC
83.3%	83.3% #F5B2BF	RGB 245 178 191	#F5B2BF
100.0%	100.0% #FFC3C4	RGB 255 195 196	#FFC3C4

#C26DC3 #CD79C0 #D786BD #E194BC #EBA3BC #F5B2BF #FFC3C4

#C26DC3 - #E194BC - #FFC3C4

CSS codes

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

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