#5CCE6D - #FAD49C | 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 #5CCE6D a #FAD49C

#5CCE6D #FAD49C

Calcule el color entre dos colores, #5CCE6D y #FAD49C. 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)

#5CCE6D - #FAD49C | 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 #5CCE6D como 0% y #FAD49C como 100%.

0.0%	0.0% #5CCE6D	RGB 92 206 109	#5CCE6D
16.7%	16.7% #76CF74	RGB 118 207 116	#76CF74
33.3%	33.3% #90D07C	RGB 144 208 124	#90D07C
50.0%	50.0% #ABD184	RGB 171 209 132	#ABD184
66.7%	66.7% #C5D28C	RGB 197 210 140	#C5D28C
83.3%	83.3% #DFD394	RGB 223 211 148	#DFD394
100.0%	100.0% #FAD49C	RGB 250 212 156	#FAD49C

#5CCE6D #76CF74 #90D07C #ABD184 #C5D28C #DFD394 #FAD49C

#5CCE6D - #FAD49C

Mezcla HSV

#5CCE6D - #FAD49C | 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 #5CCE6D como 0% y #FAD49C como 100%.

0.0%	0.0% #5CCE6D	RGB 92 206 109	#5CCE6D
16.7%	16.7% #71D565	RGB 113 213 101	#71D565
33.3%	33.3% #97DC6F	RGB 151 220 111	#97DC6F
50.0%	50.0% #BCE47A	RGB 188 228 122	#BCE47A
66.7%	66.7% #DFEB84	RGB 223 235 132	#DFEB84
83.3%	83.3% #F2E490	RGB 242 228 144	#F2E490
100.0%	100.0% #FAD49C	RGB 250 212 156	#FAD49C

#5CCE6D #71D565 #97DC6F #BCE47A #DFEB84 #F2E490 #FAD49C

#5CCE6D - #BCE47A - #FAD49C

Códigos CSS

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

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