#EDC7DB - #FEF9F0 | 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 #EDC7DB a #FEF9F0

#EDC7DB #FEF9F0

Calcule el color entre dos colores, #EDC7DB y #FEF9F0. 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)

#EDC7DB - #FEF9F0 | 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 #EDC7DB como 0% y #FEF9F0 como 100%.

0.0%	0.0% #EDC7DB	RGB 237 199 219	#EDC7DB
16.7%	16.7% #EFCFDE	RGB 239 207 222	#EFCFDE
33.3%	33.3% #F2D7E2	RGB 242 215 226	#F2D7E2
50.0%	50.0% #F5E0E5	RGB 245 224 229	#F5E0E5
66.7%	66.7% #F8E8E9	RGB 248 232 233	#F8E8E9
83.3%	83.3% #FBF0EC	RGB 251 240 236	#FBF0EC
100.0%	100.0% #FEF9F0	RGB 254 249 240	#FEF9F0

#EDC7DB #EFCFDE #F2D7E2 #F5E0E5 #F8E8E9 #FBF0EC #FEF9F0

#EDC7DB - #FEF9F0

Mezcla HSV

#EDC7DB - #FEF9F0 | 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 #EDC7DB como 0% y #FEF9F0 como 100%.

0.0%	0.0% #EDC7DB	RGB 237 199 219	#EDC7DB
16.7%	16.7% #EFCDD8	RGB 239 205 216	#EFCDD8
33.3%	33.3% #F2D4D8	RGB 242 212 216	#F2D4D8
50.0%	50.0% #F5DCDB	RGB 245 220 219	#F5DCDB
66.7%	66.7% #F8E7E1	RGB 248 231 225	#F8E7E1
83.3%	83.3% #FBF1E8	RGB 251 241 232	#FBF1E8
100.0%	100.0% #FEF9F0	RGB 254 249 240	#FEF9F0

#EDC7DB #EFCDD8 #F2D4D8 #F5DCDB #F8E7E1 #FBF1E8 #FEF9F0

#EDC7DB - #F5DCDB - #FEF9F0

Códigos CSS

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

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