#A8CEA8 - #303A30 | 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 #A8CEA8 a #303A30

#A8CEA8 #303A30

Calcule el color entre dos colores, #A8CEA8 y #303A30. 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)

#A8CEA8 - #303A30 | 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 #A8CEA8 como 0% y #303A30 como 100%.

0.0%	0.0% #A8CEA8	RGB 168 206 168	#A8CEA8
16.7%	16.7% #94B594	RGB 148 181 148	#94B594
33.3%	33.3% #809C80	RGB 128 156 128	#809C80
50.0%	50.0% #6C846C	RGB 108 132 108	#6C846C
66.7%	66.7% #586B58	RGB 88 107 88	#586B58
83.3%	83.3% #445244	RGB 68 82 68	#445244
100.0%	100.0% #303A30	RGB 48 58 48	#303A30

#A8CEA8 #94B594 #809C80 #6C846C #586B58 #445244 #303A30

#A8CEA8 - #303A30

Mezcla HSV

#A8CEA8 - #303A30 | 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 #A8CEA8 como 0% y #303A30 como 100%.

0.0%	0.0% #A8CEA8	RGB 168 206 168	#A8CEA8
16.7%	16.7% #94B594	RGB 148 181 148	#94B594
33.3%	33.3% #809C80	RGB 128 156 128	#809C80
50.0%	50.0% #6C846C	RGB 108 132 108	#6C846C
66.7%	66.7% #586B58	RGB 88 107 88	#586B58
83.3%	83.3% #445244	RGB 68 82 68	#445244
100.0%	100.0% #303A30	RGB 48 58 48	#303A30

#A8CEA8 #94B594 #809C80 #6C846C #586B58 #445244 #303A30

#A8CEA8 - #6C846C - #303A30

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CEA8 0%, #6C846C 50%, #303A30 100%);
    background: -webkit-linear-gradient(top, #A8CEA8 0%, #6C846C 50%, #303A30 100%);
    background: linear-gradient(to bottom, #A8CEA8 0%, #6C846C 50%, #303A30 100%);
}
</style>