#BAE9CF - #DFE8C9 | 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 #BAE9CF a #DFE8C9

#BAE9CF #DFE8C9

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

#BAE9CF - #DFE8C9 | 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 #BAE9CF como 0% y #DFE8C9 como 100%.

0.0%	0.0% #BAE9CF	RGB 186 233 207	#BAE9CF
16.7%	16.7% #C0E8CE	RGB 192 232 206	#C0E8CE
33.3%	33.3% #C6E8CD	RGB 198 232 205	#C6E8CD
50.0%	50.0% #CCE8CC	RGB 204 232 204	#CCE8CC
66.7%	66.7% #D2E8CB	RGB 210 232 203	#D2E8CB
83.3%	83.3% #D8E8CA	RGB 216 232 202	#D8E8CA
100.0%	100.0% #DFE8C9	RGB 223 232 201	#DFE8C9

#BAE9CF #C0E8CE #C6E8CD #CCE8CC #D2E8CB #D8E8CA #DFE8C9

#BAE9CF - #DFE8C9

Mezcla HSV

#BAE9CF - #DFE8C9 | 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 #BAE9CF como 0% y #DFE8C9 como 100%.

0.0%	0.0% #BAE9CF	RGB 186 233 207	#BAE9CF
16.7%	16.7% #BCE8C7	RGB 188 232 199	#BCE8C7
33.3%	33.3% #BFE8C1	RGB 191 232 193	#BFE8C1
50.0%	50.0% #C6E8C1	RGB 198 232 193	#C6E8C1
66.7%	66.7% #CFE8C4	RGB 207 232 196	#CFE8C4
83.3%	83.3% #D7E8C6	RGB 215 232 198	#D7E8C6
100.0%	100.0% #DFE8C9	RGB 223 232 201	#DFE8C9

#BAE9CF #BCE8C7 #BFE8C1 #C6E8C1 #CFE8C4 #D7E8C6 #DFE8C9

#BAE9CF - #C6E8C1 - #DFE8C9

Códigos CSS

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

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