#72EB6C - #FEFF8F | 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 #72EB6C a #FEFF8F

#72EB6C #FEFF8F

Calcule el color entre dos colores, #72EB6C y #FEFF8F. 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)

#72EB6C - #FEFF8F | 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 #72EB6C como 0% y #FEFF8F como 100%.

0.0%	0.0% #72EB6C	RGB 114 235 108	#72EB6C
16.7%	16.7% #89EE71	RGB 137 238 113	#89EE71
33.3%	33.3% #A0F177	RGB 160 241 119	#A0F177
50.0%	50.0% #B8F57D	RGB 184 245 125	#B8F57D
66.7%	66.7% #CFF883	RGB 207 248 131	#CFF883
83.3%	83.3% #E6FB89	RGB 230 251 137	#E6FB89
100.0%	100.0% #FEFF8F	RGB 254 255 143	#FEFF8F

#72EB6C #89EE71 #A0F177 #B8F57D #CFF883 #E6FB89 #FEFF8F

#72EB6C - #FEFF8F

Mezcla HSV

#72EB6C - #FEFF8F | 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 #72EB6C como 0% y #FEFF8F como 100%.

0.0%	0.0% #71EB6C	RGB 113 235 108	#71EB6C
16.7%	16.7% #8BEE71	RGB 139 238 113	#8BEE71
33.3%	33.3% #A3F177	RGB 163 241 119	#A3F177
50.0%	50.0% #BBF57C	RGB 187 245 124	#BBF57C
66.7%	66.7% #D2F882	RGB 210 248 130	#D2F882
83.3%	83.3% #E8FB88	RGB 232 251 136	#E8FB88
100.0%	100.0% #FEFF8F	RGB 254 255 143	#FEFF8F

#71EB6C #8BEE71 #A3F177 #BBF57C #D2F882 #E8FB88 #FEFF8F

#72EB6C - #BBF57C - #FEFF8F

Códigos CSS

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

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