#CAEB6A - #8AC424 | 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 #CAEB6A a #8AC424

#CAEB6A #8AC424

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

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

0.0%	0.0% #CAEB6A	RGB 202 235 106	#CAEB6A
16.7%	16.7% #BFE45E	RGB 191 228 94	#BFE45E
33.3%	33.3% #B4DE52	RGB 180 222 82	#B4DE52
50.0%	50.0% #AAD747	RGB 170 215 71	#AAD747
66.7%	66.7% #9FD13B	RGB 159 209 59	#9FD13B
83.3%	83.3% #94CA2F	RGB 148 202 47	#94CA2F
100.0%	100.0% #8AC424	RGB 138 196 36	#8AC424

#CAEB6A #BFE45E #B4DE52 #AAD747 #9FD13B #94CA2F #8AC424

#CAEB6A - #8AC424

Mezcla HSV

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

0.0%	0.0% #CAEB6A	RGB 202 235 106	#CAEB6A
16.7%	16.7% #BFE45C	RGB 191 228 92	#BFE45C
33.3%	33.3% #B4DE50	RGB 180 222 80	#B4DE50
50.0%	50.0% #AAD744	RGB 170 215 68	#AAD744
66.7%	66.7% #9FD139	RGB 159 209 57	#9FD139
83.3%	83.3% #94CA2E	RGB 148 202 46	#94CA2E
100.0%	100.0% #8AC424	RGB 138 196 36	#8AC424

#CAEB6A #BFE45C #B4DE50 #AAD744 #9FD139 #94CA2E #8AC424

#CAEB6A - #AAD744 - #8AC424

Códigos CSS

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

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