#D0FF4C - #8FDB16 | 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 #D0FF4C a #8FDB16

#D0FF4C #8FDB16

Calcule el color entre dos colores, #D0FF4C y #8FDB16. 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)

#D0FF4C - #8FDB16 | 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 #D0FF4C como 0% y #8FDB16 como 100%.

0.0%	0.0% #D0FF4C	RGB 208 255 76	#D0FF4C
16.7%	16.7% #C5F943	RGB 197 249 67	#C5F943
33.3%	33.3% #BAF33A	RGB 186 243 58	#BAF33A
50.0%	50.0% #AFED31	RGB 175 237 49	#AFED31
66.7%	66.7% #A4E728	RGB 164 231 40	#A4E728
83.3%	83.3% #99E11F	RGB 153 225 31	#99E11F
100.0%	100.0% #8FDB16	RGB 143 219 22	#8FDB16

#D0FF4C #C5F943 #BAF33A #AFED31 #A4E728 #99E11F #8FDB16

#D0FF4C - #8FDB16

Mezcla HSV

#D0FF4C - #8FDB16 | 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 #D0FF4C como 0% y #8FDB16 como 100%.

0.0%	0.0% #D0FF4B	RGB 208 255 75	#D0FF4B
16.7%	16.7% #C5F942	RGB 197 249 66	#C5F942
33.3%	33.3% #BAF338	RGB 186 243 56	#BAF338
50.0%	50.0% #AFED2F	RGB 175 237 47	#AFED2F
66.7%	66.7% #A4E726	RGB 164 231 38	#A4E726
83.3%	83.3% #99E11E	RGB 153 225 30	#99E11E
100.0%	100.0% #8FDB16	RGB 143 219 22	#8FDB16

#D0FF4B #C5F942 #BAF338 #AFED2F #A4E726 #99E11E #8FDB16

#D0FF4C - #AFED2F - #8FDB16

Códigos CSS

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

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