#CF3B5E - #F1C7D1 | 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 #CF3B5E to #F1C7D1

#CF3B5E #F1C7D1

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

#CF3B5E - #F1C7D1 | 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 #CF3B5E as 0% and #F1C7D1 as 100%.

0.0%	0.0% #CF3B5E	RGB 207 59 94	#CF3B5E
16.7%	16.7% #D45271	RGB 212 82 113	#D45271
33.3%	33.3% #DA6984	RGB 218 105 132	#DA6984
50.0%	50.0% #E08197	RGB 224 129 151	#E08197
66.7%	66.7% #E598AA	RGB 229 152 170	#E598AA
83.3%	83.3% #EBAFBD	RGB 235 175 189	#EBAFBD
100.0%	100.0% #F1C7D1	RGB 241 199 209	#F1C7D1

#CF3B5E #D45271 #DA6984 #E08197 #E598AA #EBAFBD #F1C7D1

#CF3B5E - #F1C7D1

HSV Blend

#CF3B5E - #F1C7D1 | 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 #CF3B5E as 0% and #F1C7D1 as 100%.

0.0%	0.0% #CF3B5E	RGB 207 59 94	#CF3B5E
16.7%	16.7% #D44F6F	RGB 212 79 111	#D44F6F
33.3%	33.3% #DA6581	RGB 218 101 129	#DA6581
50.0%	50.0% #E07C94	RGB 224 124 148	#E07C94
66.7%	66.7% #E594A7	RGB 229 148 167	#E594A7
83.3%	83.3% #EBADBB	RGB 235 173 187	#EBADBB
100.0%	100.0% #F1C7D1	RGB 241 199 209	#F1C7D1

#CF3B5E #D44F6F #DA6581 #E07C94 #E594A7 #EBADBB #F1C7D1

#CF3B5E - #E07C94 - #F1C7D1

CSS codes

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

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