#ADCBA5 - #5E964F | 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 #ADCBA5 a #5E964F

#ADCBA5 #5E964F

Calcule el color entre dos colores, #ADCBA5 y #5E964F. 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)

#ADCBA5 - #5E964F | 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 #ADCBA5 como 0% y #5E964F como 100%.

0.0%	0.0% #ADCBA5	RGB 173 203 165	#ADCBA5
16.7%	16.7% #9FC296	RGB 159 194 150	#9FC296
33.3%	33.3% #92B988	RGB 146 185 136	#92B988
50.0%	50.0% #85B07A	RGB 133 176 122	#85B07A
66.7%	66.7% #78A76B	RGB 120 167 107	#78A76B
83.3%	83.3% #6B9E5D	RGB 107 158 93	#6B9E5D
100.0%	100.0% #5E964F	RGB 94 150 79	#5E964F

#ADCBA5 #9FC296 #92B988 #85B07A #78A76B #6B9E5D #5E964F

#ADCBA5 - #5E964F

Mezcla HSV

#ADCBA5 - #5E964F | 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 #ADCBA5 como 0% y #5E964F como 100%.

0.0%	0.0% #ADCBA5	RGB 173 203 165	#ADCBA5
16.7%	16.7% #9EC294	RGB 158 194 148	#9EC294
33.3%	33.3% #90B984	RGB 144 185 132	#90B984
50.0%	50.0% #82B076	RGB 130 176 118	#82B076
66.7%	66.7% #75A768	RGB 117 167 104	#75A768
83.3%	83.3% #699E5B	RGB 105 158 91	#699E5B
100.0%	100.0% #5E964F	RGB 94 150 79	#5E964F

#ADCBA5 #9EC294 #90B984 #82B076 #75A768 #699E5B #5E964F

#ADCBA5 - #82B076 - #5E964F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADCBA5 0%, #82B076 50%, #5E964F 100%);
    background: -webkit-linear-gradient(top, #ADCBA5 0%, #82B076 50%, #5E964F 100%);
    background: linear-gradient(to bottom, #ADCBA5 0%, #82B076 50%, #5E964F 100%);
}
</style>