#F2F3F0 - #B5CDA8 | 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 #F2F3F0 a #B5CDA8

#F2F3F0 #B5CDA8

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

#F2F3F0 - #B5CDA8 | 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 #F2F3F0 como 0% y #B5CDA8 como 100%.

0.0%	0.0% #F2F3F0	RGB 242 243 240	#F2F3F0
16.7%	16.7% #E7ECE4	RGB 231 236 228	#E7ECE4
33.3%	33.3% #DDE6D8	RGB 221 230 216	#DDE6D8
50.0%	50.0% #D3E0CC	RGB 211 224 204	#D3E0CC
66.7%	66.7% #C9D9C0	RGB 201 217 192	#C9D9C0
83.3%	83.3% #BFD3B4	RGB 191 211 180	#BFD3B4
100.0%	100.0% #B5CDA8	RGB 181 205 168	#B5CDA8

#F2F3F0 #E7ECE4 #DDE6D8 #D3E0CC #C9D9C0 #BFD3B4 #B5CDA8

#F2F3F0 - #B5CDA8

Mezcla HSV

#F2F3F0 - #B5CDA8 | 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 #F2F3F0 como 0% y #B5CDA8 como 100%.

0.0%	0.0% #F2F3F0	RGB 242 243 240	#F2F3F0
16.7%	16.7% #E8ECE3	RGB 232 236 227	#E8ECE3
33.3%	33.3% #DFE6D6	RGB 223 230 214	#DFE6D6
50.0%	50.0% #D5E0CA	RGB 213 224 202	#D5E0CA
66.7%	66.7% #CAD9BE	RGB 202 217 190	#CAD9BE
83.3%	83.3% #C0D3B3	RGB 192 211 179	#C0D3B3
100.0%	100.0% #B5CDA8	RGB 181 205 168	#B5CDA8

#F2F3F0 #E8ECE3 #DFE6D6 #D5E0CA #CAD9BE #C0D3B3 #B5CDA8

#F2F3F0 - #D5E0CA - #B5CDA8

Códigos CSS

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

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