#CF807C - #FFBD9C | 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 #CF807C to #FFBD9C

#CF807C #FFBD9C

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

#CF807C - #FFBD9C | 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 #CF807C as 0% and #FFBD9C as 100%.

0.0%	0.0% #CF807C	RGB 207 128 124	#CF807C
16.7%	16.7% #D78A81	RGB 215 138 129	#D78A81
33.3%	33.3% #DF9486	RGB 223 148 134	#DF9486
50.0%	50.0% #E79E8C	RGB 231 158 140	#E79E8C
66.7%	66.7% #EFA891	RGB 239 168 145	#EFA891
83.3%	83.3% #F7B296	RGB 247 178 150	#F7B296
100.0%	100.0% #FFBD9C	RGB 255 189 156	#FFBD9C

#CF807C #D78A81 #DF9486 #E79E8C #EFA891 #F7B296 #FFBD9C

#CF807C - #FFBD9C

HSV Blend

#CF807C - #FFBD9C | 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 #CF807C as 0% and #FFBD9C as 100%.

0.0%	0.0% #CF807C	RGB 207 128 124	#CF807C
16.7%	16.7% #D78981	RGB 215 137 129	#D78981
33.3%	33.3% #DF9386	RGB 223 147 134	#DF9386
50.0%	50.0% #E79D8B	RGB 231 157 139	#E79D8B
66.7%	66.7% #EFA791	RGB 239 167 145	#EFA791
83.3%	83.3% #F7B296	RGB 247 178 150	#F7B296
100.0%	100.0% #FFBD9C	RGB 255 189 156	#FFBD9C

#CF807C #D78981 #DF9386 #E79D8B #EFA791 #F7B296 #FFBD9C

#CF807C - #E79D8B - #FFBD9C

CSS codes

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

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