#B2FF4C - #FFFE8C | 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 #B2FF4C a #FFFE8C

#B2FF4C #FFFE8C

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

#B2FF4C - #FFFE8C | 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 #B2FF4C como 0% y #FFFE8C como 100%.

0.0%	0.0% #B2FF4C	RGB 178 255 76	#B2FF4C
16.7%	16.7% #BEFE56	RGB 190 254 86	#BEFE56
33.3%	33.3% #CBFE61	RGB 203 254 97	#CBFE61
50.0%	50.0% #D8FE6C	RGB 216 254 108	#D8FE6C
66.7%	66.7% #E5FE76	RGB 229 254 118	#E5FE76
83.3%	83.3% #F2FE81	RGB 242 254 129	#F2FE81
100.0%	100.0% #FFFE8C	RGB 255 254 140	#FFFE8C

#B2FF4C #BEFE56 #CBFE61 #D8FE6C #E5FE76 #F2FE81 #FFFE8C

#B2FF4C - #FFFE8C

Mezcla HSV

#B2FF4C - #FFFE8C | 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 #B2FF4C como 0% y #FFFE8C como 100%.

0.0%	0.0% #B1FF4B	RGB 177 255 75	#B1FF4B
16.7%	16.7% #C2FF56	RGB 194 255 86	#C2FF56
33.3%	33.3% #D2FF61	RGB 210 255 97	#D2FF61
50.0%	50.0% #E0FF6B	RGB 224 255 107	#E0FF6B
66.7%	66.7% #ECFF76	RGB 236 255 118	#ECFF76
83.3%	83.3% #F6FF81	RGB 246 255 129	#F6FF81
100.0%	100.0% #FFFE8C	RGB 255 254 140	#FFFE8C

#B1FF4B #C2FF56 #D2FF61 #E0FF6B #ECFF76 #F6FF81 #FFFE8C

#B2FF4C - #E0FF6B - #FFFE8C

Códigos CSS

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

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