#FFEBF0 - #DBA5AF | 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 #FFEBF0 a #DBA5AF

#FFEBF0 #DBA5AF

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

#FFEBF0 - #DBA5AF | 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 #FFEBF0 como 0% y #DBA5AF como 100%.

0.0%	0.0% #FFEBF0	RGB 255 235 240	#FFEBF0
16.7%	16.7% #F9DFE5	RGB 249 223 229	#F9DFE5
33.3%	33.3% #F3D3DA	RGB 243 211 218	#F3D3DA
50.0%	50.0% #EDC8CF	RGB 237 200 207	#EDC8CF
66.7%	66.7% #E7BCC4	RGB 231 188 196	#E7BCC4
83.3%	83.3% #E1B0B9	RGB 225 176 185	#E1B0B9
100.0%	100.0% #DBA5AF	RGB 219 165 175	#DBA5AF

#FFEBF0 #F9DFE5 #F3D3DA #EDC8CF #E7BCC4 #E1B0B9 #DBA5AF

#FFEBF0 - #DBA5AF

Mezcla HSV

#FFEBF0 - #DBA5AF | 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 #FFEBF0 como 0% y #DBA5AF como 100%.

0.0%	0.0% #FFEBF0	RGB 255 235 240	#FFEBF0
16.7%	16.7% #F9DEE4	RGB 249 222 228	#F9DEE4
33.3%	33.3% #F3D2D9	RGB 243 210 217	#F3D2D9
50.0%	50.0% #EDC6CE	RGB 237 198 206	#EDC6CE
66.7%	66.7% #E7BAC4	RGB 231 186 196	#E7BAC4
83.3%	83.3% #E1AFB9	RGB 225 175 185	#E1AFB9
100.0%	100.0% #DBA5AF	RGB 219 165 175	#DBA5AF

#FFEBF0 #F9DEE4 #F3D2D9 #EDC6CE #E7BAC4 #E1AFB9 #DBA5AF

#FFEBF0 - #EDC6CE - #DBA5AF

Códigos CSS

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

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