#CFD0CB - #8D9A7A | 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 #CFD0CB a #8D9A7A

#CFD0CB #8D9A7A

Calcule el color entre dos colores, #CFD0CB y #8D9A7A. 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)

#CFD0CB - #8D9A7A | 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 #CFD0CB como 0% y #8D9A7A como 100%.

0.0%	0.0% #CFD0CB	RGB 207 208 203	#CFD0CB
16.7%	16.7% #C4C7BD	RGB 196 199 189	#C4C7BD
33.3%	33.3% #B9BEB0	RGB 185 190 176	#B9BEB0
50.0%	50.0% #AEB5A2	RGB 174 181 162	#AEB5A2
66.7%	66.7% #A3AC95	RGB 163 172 149	#A3AC95
83.3%	83.3% #98A387	RGB 152 163 135	#98A387
100.0%	100.0% #8D9A7A	RGB 141 154 122	#8D9A7A

#CFD0CB #C4C7BD #B9BEB0 #AEB5A2 #A3AC95 #98A387 #8D9A7A

#CFD0CB - #8D9A7A

Mezcla HSV

#CFD0CB - #8D9A7A | 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 #CFD0CB como 0% y #8D9A7A como 100%.

0.0%	0.0% #CFD0CB	RGB 207 208 203	#CFD0CB
16.7%	16.7% #C4C7BC	RGB 196 199 188	#C4C7BC
33.3%	33.3% #B9BEAD	RGB 185 190 173	#B9BEAD
50.0%	50.0% #AEB5A0	RGB 174 181 160	#AEB5A0
66.7%	66.7% #A3AC92	RGB 163 172 146	#A3AC92
83.3%	83.3% #98A386	RGB 152 163 134	#98A386
100.0%	100.0% #8D9A7A	RGB 141 154 122	#8D9A7A

#CFD0CB #C4C7BC #B9BEAD #AEB5A0 #A3AC92 #98A386 #8D9A7A

#CFD0CB - #AEB5A0 - #8D9A7A

Códigos CSS

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

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