#42C77D - #FEF994 | 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 #42C77D a #FEF994

#42C77D #FEF994

Calcule el color entre dos colores, #42C77D y #FEF994. 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)

#42C77D - #FEF994 | 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 #42C77D como 0% y #FEF994 como 100%.

0.0%	0.0% #42C77D	RGB 66 199 125	#42C77D
16.7%	16.7% #61CF80	RGB 97 207 128	#61CF80
33.3%	33.3% #80D784	RGB 128 215 132	#80D784
50.0%	50.0% #A0E088	RGB 160 224 136	#A0E088
66.7%	66.7% #BFE88C	RGB 191 232 140	#BFE88C
83.3%	83.3% #DEF090	RGB 222 240 144	#DEF090
100.0%	100.0% #FEF994	RGB 254 249 148	#FEF994

#42C77D #61CF80 #80D784 #A0E088 #BFE88C #DEF090 #FEF994

#42C77D - #FEF994

Mezcla HSV

#42C77D - #FEF994 | 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 #42C77D como 0% y #FEF994 como 100%.

0.0%	0.0% #42C77D	RGB 66 199 125	#42C77D
16.7%	16.7% #4DD067	RGB 77 208 103	#4DD067
33.3%	33.3% #61D95A	RGB 97 217 90	#61D95A
50.0%	50.0% #8CE267	RGB 140 226 103	#8CE267
66.7%	66.7% #B6EB75	RGB 182 235 117	#B6EB75
83.3%	83.3% #DEF484	RGB 222 244 132	#DEF484
100.0%	100.0% #FEF994	RGB 254 249 148	#FEF994

#42C77D #4DD067 #61D95A #8CE267 #B6EB75 #DEF484 #FEF994

#42C77D - #8CE267 - #FEF994

Códigos CSS

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

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