#32CD32 - #FFFF71 | 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 #32CD32 a #FFFF71

#32CD32 #FFFF71

Calcule el color entre dos colores, #32CD32 y #FFFF71. 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)

#32CD32 - #FFFF71 | 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 #32CD32 como 0% y #FFFF71 como 100%.

0.0%	0.0% #32CD32	RGB 50 205 50	#32CD32
16.7%	16.7% #54D53C	RGB 84 213 60	#54D53C
33.3%	33.3% #76DD47	RGB 118 221 71	#76DD47
50.0%	50.0% #98E651	RGB 152 230 81	#98E651
66.7%	66.7% #BAEE5C	RGB 186 238 92	#BAEE5C
83.3%	83.3% #DCF666	RGB 220 246 102	#DCF666
100.0%	100.0% #FFFF71	RGB 255 255 113	#FFFF71

#32CD32 #54D53C #76DD47 #98E651 #BAEE5C #DCF666 #FFFF71

#32CD32 - #FFFF71

Mezcla HSV

#32CD32 - #FFFF71 | 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 #32CD32 como 0% y #FFFF71 como 100%.

0.0%	0.0% #32CD32	RGB 50 205 50	#32CD32
16.7%	16.7% #54D53B	RGB 84 213 59	#54D53B
33.3%	33.3% #77DD44	RGB 119 221 68	#77DD44
50.0%	50.0% #9AE64F	RGB 154 230 79	#9AE64F
66.7%	66.7% #BCEE59	RGB 188 238 89	#BCEE59
83.3%	83.3% #DEF665	RGB 222 246 101	#DEF665
100.0%	100.0% #FFFF71	RGB 255 255 113	#FFFF71

#32CD32 #54D53B #77DD44 #9AE64F #BCEE59 #DEF665 #FFFF71

#32CD32 - #9AE64F - #FFFF71

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #32CD32 0%, #9AE64F 50%, #FFFF71 100%);
    background: -webkit-linear-gradient(top, #32CD32 0%, #9AE64F 50%, #FFFF71 100%);
    background: linear-gradient(to bottom, #32CD32 0%, #9AE64F 50%, #FFFF71 100%);
}
</style>