#00AC68 - #DAFF94 | 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 #00AC68 a #DAFF94

#00AC68 #DAFF94

Calcule el color entre dos colores, #00AC68 y #DAFF94. 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)

#00AC68 - #DAFF94 | 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 #00AC68 como 0% y #DAFF94 como 100%.

0.0%	0.0% #00AC68	RGB 0 172 104	#00AC68
16.7%	16.7% #24B96F	RGB 36 185 111	#24B96F
33.3%	33.3% #48C776	RGB 72 199 118	#48C776
50.0%	50.0% #6DD57E	RGB 109 213 126	#6DD57E
66.7%	66.7% #91E385	RGB 145 227 133	#91E385
83.3%	83.3% #B5F18C	RGB 181 241 140	#B5F18C
100.0%	100.0% #DAFF94	RGB 218 255 148	#DAFF94

#00AC68 #24B96F #48C776 #6DD57E #91E385 #B5F18C #DAFF94

#00AC68 - #DAFF94

Mezcla HSV

#00AC68 - #DAFF94 | 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 #00AC68 como 0% y #DAFF94 como 100%.

0.0%	0.0% #00AC68	RGB 0 172 104	#00AC68
16.7%	16.7% #11B954	RGB 17 185 84	#11B954
33.3%	33.3% #26C744	RGB 38 199 68	#26C744
50.0%	50.0% #41D53D	RGB 65 213 61	#41D53D
66.7%	66.7% #78E357	RGB 120 227 87	#78E357
83.3%	83.3% #ABF174	RGB 171 241 116	#ABF174
100.0%	100.0% #DAFF94	RGB 218 255 148	#DAFF94

#00AC68 #11B954 #26C744 #41D53D #78E357 #ABF174 #DAFF94

#00AC68 - #41D53D - #DAFF94

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AC68 0%, #41D53D 50%, #DAFF94 100%);
    background: -webkit-linear-gradient(top, #00AC68 0%, #41D53D 50%, #DAFF94 100%);
    background: linear-gradient(to bottom, #00AC68 0%, #41D53D 50%, #DAFF94 100%);
}
</style>