#00AF93 - #BFFFA7 | 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 #00AF93 a #BFFFA7

#00AF93 #BFFFA7

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

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

0.0%	0.0% #00AF93	RGB 0 175 147	#00AF93
16.7%	16.7% #1FBC96	RGB 31 188 150	#1FBC96
33.3%	33.3% #3FC999	RGB 63 201 153	#3FC999
50.0%	50.0% #5FD79D	RGB 95 215 157	#5FD79D
66.7%	66.7% #7FE4A0	RGB 127 228 160	#7FE4A0
83.3%	83.3% #9FF1A3	RGB 159 241 163	#9FF1A3
100.0%	100.0% #BFFFA7	RGB 191 255 167	#BFFFA7

#00AF93 #1FBC96 #3FC999 #5FD79D #7FE4A0 #9FF1A3 #BFFFA7

#00AF93 - #BFFFA7

Mezcla HSV

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

0.0%	0.0% #00AF93	RGB 0 175 147	#00AF93
16.7%	16.7% #14BC82	RGB 20 188 130	#14BC82
33.3%	33.3% #2CC975	RGB 44 201 117	#2CC975
50.0%	50.0% #46D76F	RGB 70 215 111	#46D76F
66.7%	66.7% #63E470	RGB 99 228 112	#63E470
83.3%	83.3% #8DF183	RGB 141 241 131	#8DF183
100.0%	100.0% #BFFFA7	RGB 191 255 167	#BFFFA7

#00AF93 #14BC82 #2CC975 #46D76F #63E470 #8DF183 #BFFFA7

#00AF93 - #46D76F - #BFFFA7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AF93 0%, #46D76F 50%, #BFFFA7 100%);
    background: -webkit-linear-gradient(top, #00AF93 0%, #46D76F 50%, #BFFFA7 100%);
    background: linear-gradient(to bottom, #00AF93 0%, #46D76F 50%, #BFFFA7 100%);
}
</style>