#C26C7E - #FFBC94 | 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 #C26C7E to #FFBC94

#C26C7E #FFBC94

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

#C26C7E - #FFBC94 | 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 #C26C7E as 0% and #FFBC94 as 100%.

0.0%	0.0% #C26C7E	RGB 194 108 126	#C26C7E
16.7%	16.7% #CC7981	RGB 204 121 129	#CC7981
33.3%	33.3% #D68685	RGB 214 134 133	#D68685
50.0%	50.0% #E09489	RGB 224 148 137	#E09489
66.7%	66.7% #EAA18C	RGB 234 161 140	#EAA18C
83.3%	83.3% #F4AE90	RGB 244 174 144	#F4AE90
100.0%	100.0% #FFBC94	RGB 255 188 148	#FFBC94

#C26C7E #CC7981 #D68685 #E09489 #EAA18C #F4AE90 #FFBC94

#C26C7E - #FFBC94

HSV Blend

#C26C7E - #FFBC94 | 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 #C26C7E as 0% and #FFBC94 as 100%.

0.0%	0.0% #C26C7E	RGB 194 108 126	#C26C7E
16.7%	16.7% #CC727C	RGB 204 114 124	#CC727C
33.3%	33.3% #D6797A	RGB 214 121 122	#D6797A
50.0%	50.0% #E0877F	RGB 224 135 127	#E0877F
66.7%	66.7% #EA9886	RGB 234 152 134	#EA9886
83.3%	83.3% #F4A98D	RGB 244 169 141	#F4A98D
100.0%	100.0% #FFBC94	RGB 255 188 148	#FFBC94

#C26C7E #CC727C #D6797A #E0877F #EA9886 #F4A98D #FFBC94

#C26C7E - #E0877F - #FFBC94

CSS codes

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

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