#BFD8BC - #363D35 | 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 #BFD8BC a #363D35

#BFD8BC #363D35

Calcule el color entre dos colores, #BFD8BC y #363D35. 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)

#BFD8BC - #363D35 | 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 #BFD8BC como 0% y #363D35 como 100%.

0.0%	0.0% #BFD8BC	RGB 191 216 188	#BFD8BC
16.7%	16.7% #A8BEA5	RGB 168 190 165	#A8BEA5
33.3%	33.3% #91A48F	RGB 145 164 143	#91A48F
50.0%	50.0% #7A8A78	RGB 122 138 120	#7A8A78
66.7%	66.7% #637062	RGB 99 112 98	#637062
83.3%	83.3% #4C564B	RGB 76 86 75	#4C564B
100.0%	100.0% #363D35	RGB 54 61 53	#363D35

#BFD8BC #A8BEA5 #91A48F #7A8A78 #637062 #4C564B #363D35

#BFD8BC - #363D35

Mezcla HSV

#BFD8BC - #363D35 | 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 #BFD8BC como 0% y #363D35 como 100%.

0.0%	0.0% #BFD8BC	RGB 191 216 188	#BFD8BC
16.7%	16.7% #A8BEA5	RGB 168 190 165	#A8BEA5
33.3%	33.3% #91A48E	RGB 145 164 142	#91A48E
50.0%	50.0% #7A8A78	RGB 122 138 120	#7A8A78
66.7%	66.7% #637061	RGB 99 112 97	#637061
83.3%	83.3% #4C564B	RGB 76 86 75	#4C564B
100.0%	100.0% #363D35	RGB 54 61 53	#363D35

#BFD8BC #A8BEA5 #91A48E #7A8A78 #637061 #4C564B #363D35

#BFD8BC - #7A8A78 - #363D35

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFD8BC 0%, #7A8A78 50%, #363D35 100%);
    background: -webkit-linear-gradient(top, #BFD8BC 0%, #7A8A78 50%, #363D35 100%);
    background: linear-gradient(to bottom, #BFD8BC 0%, #7A8A78 50%, #363D35 100%);
}
</style>