#EFDCE3 - #C68D9F | 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 #EFDCE3 to #C68D9F

#EFDCE3 #C68D9F

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

#EFDCE3 - #C68D9F | 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 #EFDCE3 as 0% and #C68D9F as 100%.

0.0%	0.0% #EFDCE3	RGB 239 220 227	#EFDCE3
16.7%	16.7% #E8CED7	RGB 232 206 215	#E8CED7
33.3%	33.3% #E1C1CC	RGB 225 193 204	#E1C1CC
50.0%	50.0% #DAB4C1	RGB 218 180 193	#DAB4C1
66.7%	66.7% #D3A7B5	RGB 211 167 181	#D3A7B5
83.3%	83.3% #CC9AAA	RGB 204 154 170	#CC9AAA
100.0%	100.0% #C68D9F	RGB 198 141 159	#C68D9F

#EFDCE3 #E8CED7 #E1C1CC #DAB4C1 #D3A7B5 #CC9AAA #C68D9F

#EFDCE3 - #C68D9F

HSV Blend

#EFDCE3 - #C68D9F | 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 #EFDCE3 as 0% and #C68D9F as 100%.

0.0%	0.0% #EFDCE3	RGB 239 220 227	#EFDCE3
16.7%	16.7% #E8CDD7	RGB 232 205 215	#E8CDD7
33.3%	33.3% #E1BFCB	RGB 225 191 203	#E1BFCB
50.0%	50.0% #DAB2C0	RGB 218 178 192	#DAB2C0
66.7%	66.7% #D3A5B4	RGB 211 165 180	#D3A5B4
83.3%	83.3% #CC98A9	RGB 204 152 169	#CC98A9
100.0%	100.0% #C68D9F	RGB 198 141 159	#C68D9F

#EFDCE3 #E8CDD7 #E1BFCB #DAB2C0 #D3A5B4 #CC98A9 #C68D9F

#EFDCE3 - #DAB2C0 - #C68D9F

CSS codes

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

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