#FF8FD4 - #E5E7E3 | 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 #FF8FD4 a #E5E7E3

#FF8FD4 #E5E7E3

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

#FF8FD4 - #E5E7E3 | 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 #FF8FD4 como 0% y #E5E7E3 como 100%.

0.0%	0.0% #FF8FD4	RGB 255 143 212	#FF8FD4
16.7%	16.7% #FA9DD6	RGB 250 157 214	#FA9DD6
33.3%	33.3% #F6ACD9	RGB 246 172 217	#F6ACD9
50.0%	50.0% #F2BBDB	RGB 242 187 219	#F2BBDB
66.7%	66.7% #EDC9DE	RGB 237 201 222	#EDC9DE
83.3%	83.3% #E9D8E0	RGB 233 216 224	#E9D8E0
100.0%	100.0% #E5E7E3	RGB 229 231 227	#E5E7E3

#FF8FD4 #FA9DD6 #F6ACD9 #F2BBDB #EDC9DE #E9D8E0 #E5E7E3

#FF8FD4 - #E5E7E3

Mezcla HSV

#FF8FD4 - #E5E7E3 | 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 #FF8FD4 como 0% y #E5E7E3 como 100%.

0.0%	0.0% #FF8FD4	RGB 255 143 212	#FF8FD4
16.7%	16.7% #FB9EB6	RGB 251 158 182	#FB9EB6
33.3%	33.3% #F7B3AD	RGB 247 179 173	#F7B3AD
50.0%	50.0% #F3D4BB	RGB 243 212 187	#F3D4BB
66.7%	66.7% #EFE7C9	RGB 239 231 201	#EFE7C9
83.3%	83.3% #E7EBD6	RGB 231 235 214	#E7EBD6
100.0%	100.0% #E5E7E3	RGB 229 231 227	#E5E7E3

#FF8FD4 #FB9EB6 #F7B3AD #F3D4BB #EFE7C9 #E7EBD6 #E5E7E3

#FF8FD4 - #F3D4BB - #E5E7E3

Códigos CSS

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

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