#F2FD5E - #C2D91A | 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 #F2FD5E a #C2D91A

#F2FD5E #C2D91A

Calcule el color entre dos colores, #F2FD5E y #C2D91A. 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)

#F2FD5E - #C2D91A | 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 #F2FD5E como 0% y #C2D91A como 100%.

0.0%	0.0% #F2FD5E	RGB 242 253 94	#F2FD5E
16.7%	16.7% #EAF752	RGB 234 247 82	#EAF752
33.3%	33.3% #E2F147	RGB 226 241 71	#E2F147
50.0%	50.0% #DAEB3C	RGB 218 235 60	#DAEB3C
66.7%	66.7% #D2E530	RGB 210 229 48	#D2E530
83.3%	83.3% #CADF25	RGB 202 223 37	#CADF25
100.0%	100.0% #C2D91A	RGB 194 217 26	#C2D91A

#F2FD5E #EAF752 #E2F147 #DAEB3C #D2E530 #CADF25 #C2D91A

#F2FD5E - #C2D91A

Mezcla HSV

#F2FD5E - #C2D91A | 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 #F2FD5E como 0% y #C2D91A como 100%.

0.0%	0.0% #F2FD5E	RGB 242 253 94	#F2FD5E
16.7%	16.7% #EAF751	RGB 234 247 81	#EAF751
33.3%	33.3% #E2F145	RGB 226 241 69	#E2F145
50.0%	50.0% #DAEB39	RGB 218 235 57	#DAEB39
66.7%	66.7% #D2E52E	RGB 210 229 46	#D2E52E
83.3%	83.3% #CADF24	RGB 202 223 36	#CADF24
100.0%	100.0% #C2D91A	RGB 194 217 26	#C2D91A

#F2FD5E #EAF751 #E2F145 #DAEB39 #D2E52E #CADF24 #C2D91A

#F2FD5E - #DAEB39 - #C2D91A

Códigos CSS

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

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