#C1867B - #FECF9C | 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 #C1867B to #FECF9C

#C1867B #FECF9C

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

#C1867B - #FECF9C | 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 #C1867B as 0% and #FECF9C as 100%.

0.0%	0.0% #C1867B	RGB 193 134 123	#C1867B
16.7%	16.7% #CB9280	RGB 203 146 128	#CB9280
33.3%	33.3% #D59E86	RGB 213 158 134	#D59E86
50.0%	50.0% #DFAA8B	RGB 223 170 139	#DFAA8B
66.7%	66.7% #E9B691	RGB 233 182 145	#E9B691
83.3%	83.3% #F3C296	RGB 243 194 150	#F3C296
100.0%	100.0% #FECF9C	RGB 254 207 156	#FECF9C

#C1867B #CB9280 #D59E86 #DFAA8B #E9B691 #F3C296 #FECF9C

#C1867B - #FECF9C

HSV Blend

#C1867B - #FECF9C | 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 #C1867B as 0% and #FECF9C as 100%.

0.0%	0.0% #C1867B	RGB 193 134 123	#C1867B
16.7%	16.7% #CB9080	RGB 203 144 128	#CB9080
33.3%	33.3% #D59C86	RGB 213 156 134	#D59C86
50.0%	50.0% #DFA88B	RGB 223 168 139	#DFA88B
66.7%	66.7% #E9B491	RGB 233 180 145	#E9B491
83.3%	83.3% #F3C196	RGB 243 193 150	#F3C196
100.0%	100.0% #FECF9C	RGB 254 207 156	#FECF9C

#C1867B #CB9080 #D59C86 #DFA88B #E9B491 #F3C196 #FECF9C

#C1867B - #DFA88B - #FECF9C

CSS codes

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

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