#F1D3E3 - #CC7B9F | 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 #F1D3E3 to #CC7B9F

#F1D3E3 #CC7B9F

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

#F1D3E3 - #CC7B9F | 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 #F1D3E3 as 0% and #CC7B9F as 100%.

0.0%	0.0% #F1D3E3	RGB 241 211 227	#F1D3E3
16.7%	16.7% #EAC4D7	RGB 234 196 215	#EAC4D7
33.3%	33.3% #E4B5CC	RGB 228 181 204	#E4B5CC
50.0%	50.0% #DEA7C1	RGB 222 167 193	#DEA7C1
66.7%	66.7% #D898B5	RGB 216 152 181	#D898B5
83.3%	83.3% #D289AA	RGB 210 137 170	#D289AA
100.0%	100.0% #CC7B9F	RGB 204 123 159	#CC7B9F

#F1D3E3 #EAC4D7 #E4B5CC #DEA7C1 #D898B5 #D289AA #CC7B9F

#F1D3E3 - #CC7B9F

HSV Blend

#F1D3E3 - #CC7B9F | 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 #F1D3E3 as 0% and #CC7B9F as 100%.

0.0%	0.0% #F1D3E3	RGB 241 211 227	#F1D3E3
16.7%	16.7% #EAC2D7	RGB 234 194 215	#EAC2D7
33.3%	33.3% #E4B3CC	RGB 228 179 204	#E4B3CC
50.0%	50.0% #DEA4C0	RGB 222 164 192	#DEA4C0
66.7%	66.7% #D896B5	RGB 216 150 181	#D896B5
83.3%	83.3% #D288AA	RGB 210 136 170	#D288AA
100.0%	100.0% #CC7B9F	RGB 204 123 159	#CC7B9F

#F1D3E3 #EAC2D7 #E4B3CC #DEA4C0 #D896B5 #D288AA #CC7B9F

#F1D3E3 - #DEA4C0 - #CC7B9F

CSS codes

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

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