#F96D9C - #FDD5E2 | 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 #F96D9C a #FDD5E2

#F96D9C #FDD5E2

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

#F96D9C - #FDD5E2 | 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 #F96D9C como 0% y #FDD5E2 como 100%.

0.0%	0.0% #F96D9C	RGB 249 109 156	#F96D9C
16.7%	16.7% #F97EA7	RGB 249 126 167	#F97EA7
33.3%	33.3% #FA8FB3	RGB 250 143 179	#FA8FB3
50.0%	50.0% #FBA1BF	RGB 251 161 191	#FBA1BF
66.7%	66.7% #FBB2CA	RGB 251 178 202	#FBB2CA
83.3%	83.3% #FCC3D6	RGB 252 195 214	#FCC3D6
100.0%	100.0% #FDD5E2	RGB 253 213 226	#FDD5E2

#F96D9C #F97EA7 #FA8FB3 #FBA1BF #FBB2CA #FCC3D6 #FDD5E2

#F96D9C - #FDD5E2

Mezcla HSV

#F96D9C - #FDD5E2 | 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 #F96D9C como 0% y #FDD5E2 como 100%.

0.0%	0.0% #F96D9C	RGB 249 109 156	#F96D9C
16.7%	16.7% #F97EA7	RGB 249 126 167	#F97EA7
33.3%	33.3% #FA8FB2	RGB 250 143 178	#FA8FB2
50.0%	50.0% #FBA0BE	RGB 251 160 190	#FBA0BE
66.7%	66.7% #FBB1CA	RGB 251 177 202	#FBB1CA
83.3%	83.3% #FCC3D6	RGB 252 195 214	#FCC3D6
100.0%	100.0% #FDD5E2	RGB 253 213 226	#FDD5E2

#F96D9C #F97EA7 #FA8FB2 #FBA0BE #FBB1CA #FCC3D6 #FDD5E2

#F96D9C - #FBA0BE - #FDD5E2

Códigos CSS

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

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