#C4B26C - #FF8C93 | 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 #C4B26C to #FF8C93

#C4B26C #FF8C93

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

#C4B26C - #FF8C93 | 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 #C4B26C as 0% and #FF8C93 as 100%.

0.0%	0.0% #C4B26C	RGB 196 178 108	#C4B26C
16.7%	16.7% #CDAB72	RGB 205 171 114	#CDAB72
33.3%	33.3% #D7A579	RGB 215 165 121	#D7A579
50.0%	50.0% #E19F7F	RGB 225 159 127	#E19F7F
66.7%	66.7% #EB9886	RGB 235 152 134	#EB9886
83.3%	83.3% #F5928C	RGB 245 146 140	#F5928C
100.0%	100.0% #FF8C93	RGB 255 140 147	#FF8C93

#C4B26C #CDAB72 #D7A579 #E19F7F #EB9886 #F5928C #FF8C93

#C4B26C - #FF8C93

HSV Blend

#C4B26C - #FF8C93 | 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 #C4B26C as 0% and #FF8C93 as 100%.

0.0%	0.0% #C4B26C	RGB 196 178 108	#C4B26C
16.7%	16.7% #CDAD71	RGB 205 173 113	#CDAD71
33.3%	33.3% #D7A876	RGB 215 168 118	#D7A876
50.0%	50.0% #E1A17C	RGB 225 161 124	#E1A17C
66.7%	66.7% #EB9981	RGB 235 153 129	#EB9981
83.3%	83.3% #F58F86	RGB 245 143 134	#F58F86
100.0%	100.0% #FF8C93	RGB 255 140 147	#FF8C93

#C4B26C #CDAD71 #D7A876 #E1A17C #EB9981 #F58F86 #FF8C93

#C4B26C - #E1A17C - #FF8C93

CSS codes

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

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