#FCE5E8 - #CE8BA4 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #FCE5E8 a #CE8BA4

#FCE5E8 #CE8BA4

Calcule el color entre dos colores, #FCE5E8 y #CE8BA4. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#FCE5E8 - #CE8BA4 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #FCE5E8 como 0% y #CE8BA4 como 100%.

0.0%	0.0% #FCE5E8	RGB 252 229 232	#FCE5E8
16.7%	16.7% #F4D6DC	RGB 244 214 220	#F4D6DC
33.3%	33.3% #ECC7D1	RGB 236 199 209	#ECC7D1
50.0%	50.0% #E5B8C6	RGB 229 184 198	#E5B8C6
66.7%	66.7% #DDA9BA	RGB 221 169 186	#DDA9BA
83.3%	83.3% #D59AAF	RGB 213 154 175	#D59AAF
100.0%	100.0% #CE8BA4	RGB 206 139 164	#CE8BA4

#FCE5E8 #F4D6DC #ECC7D1 #E5B8C6 #DDA9BA #D59AAF #CE8BA4

#FCE5E8 - #CE8BA4

Mezcla HSV

#FCE5E8 - #CE8BA4 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #FCE5E8 como 0% y #CE8BA4 como 100%.

0.0%	0.0% #FCE5E8	RGB 252 229 232	#FCE5E8
16.7%	16.7% #F4D4D9	RGB 244 212 217	#F4D4D9
33.3%	33.3% #ECC4CD	RGB 236 196 205	#ECC4CD
50.0%	50.0% #E5B5C1	RGB 229 181 193	#E5B5C1
66.7%	66.7% #DDA6B6	RGB 221 166 182	#DDA6B6
83.3%	83.3% #D598AC	RGB 213 152 172	#D598AC
100.0%	100.0% #CE8BA4	RGB 206 139 164	#CE8BA4

#FCE5E8 #F4D4D9 #ECC4CD #E5B5C1 #DDA6B6 #D598AC #CE8BA4

#FCE5E8 - #E5B5C1 - #CE8BA4

Códigos CSS

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

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