#DACE3D - #FFEB6C | 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 #DACE3D a #FFEB6C

#DACE3D #FFEB6C

Calcule el color entre dos colores, #DACE3D y #FFEB6C. 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)

#DACE3D - #FFEB6C | 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 #DACE3D como 0% y #FFEB6C como 100%.

0.0%	0.0% #DACE3D	RGB 218 206 61	#DACE3D
16.7%	16.7% #E0D244	RGB 224 210 68	#E0D244
33.3%	33.3% #E6D74C	RGB 230 215 76	#E6D74C
50.0%	50.0% #ECDC54	RGB 236 220 84	#ECDC54
66.7%	66.7% #F2E15C	RGB 242 225 92	#F2E15C
83.3%	83.3% #F8E664	RGB 248 230 100	#F8E664
100.0%	100.0% #FFEB6C	RGB 255 235 108	#FFEB6C

#DACE3D #E0D244 #E6D74C #ECDC54 #F2E15C #F8E664 #FFEB6C

#DACE3D - #FFEB6C

Mezcla HSV

#DACE3D - #FFEB6C | 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 #DACE3D como 0% y #FFEB6C como 100%.

0.0%	0.0% #DACE3D	RGB 218 206 61	#DACE3D
16.7%	16.7% #E0D244	RGB 224 210 68	#E0D244
33.3%	33.3% #E6D74B	RGB 230 215 75	#E6D74B
50.0%	50.0% #ECDC53	RGB 236 220 83	#ECDC53
66.7%	66.7% #F2E15B	RGB 242 225 91	#F2E15B
83.3%	83.3% #F8E563	RGB 248 229 99	#F8E563
100.0%	100.0% #FFEB6C	RGB 255 235 108	#FFEB6C

#DACE3D #E0D244 #E6D74B #ECDC53 #F2E15B #F8E563 #FFEB6C

#DACE3D - #ECDC53 - #FFEB6C

Códigos CSS

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

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