#00BA5E - #FCFF8F | 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 #00BA5E a #FCFF8F

#00BA5E #FCFF8F

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

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

0.0%	0.0% #00BA5E	RGB 0 186 94	#00BA5E
16.7%	16.7% #2AC566	RGB 42 197 102	#2AC566
33.3%	33.3% #54D16E	RGB 84 209 110	#54D16E
50.0%	50.0% #7EDC76	RGB 126 220 118	#7EDC76
66.7%	66.7% #A8E87E	RGB 168 232 126	#A8E87E
83.3%	83.3% #D2F386	RGB 210 243 134	#D2F386
100.0%	100.0% #FCFF8F	RGB 252 255 143	#FCFF8F

#00BA5E #2AC566 #54D16E #7EDC76 #A8E87E #D2F386 #FCFF8F

#00BA5E - #FCFF8F

Mezcla HSV

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

0.0%	0.0% #00BA5E	RGB 0 186 94	#00BA5E
16.7%	16.7% #12C540	RGB 18 197 64	#12C540
33.3%	33.3% #27D129	RGB 39 209 41	#27D129
50.0%	50.0% #62DC3D	RGB 98 220 61	#62DC3D
66.7%	66.7% #9CE856	RGB 156 232 86	#9CE856
83.3%	83.3% #D0F371	RGB 208 243 113	#D0F371
100.0%	100.0% #FCFF8F	RGB 252 255 143	#FCFF8F

#00BA5E #12C540 #27D129 #62DC3D #9CE856 #D0F371 #FCFF8F

#00BA5E - #62DC3D - #FCFF8F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BA5E 0%, #62DC3D 50%, #FCFF8F 100%);
    background: -webkit-linear-gradient(top, #00BA5E 0%, #62DC3D 50%, #FCFF8F 100%);
    background: linear-gradient(to bottom, #00BA5E 0%, #62DC3D 50%, #FCFF8F 100%);
}
</style>