#DEE300 - #FFB3C4 | 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 #DEE300 a #FFB3C4

#DEE300 #FFB3C4

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

#DEE300 - #FFB3C4 | 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 #DEE300 como 0% y #FFB3C4 como 100%.

0.0%	0.0% #DEE300	RGB 222 227 0	#DEE300
16.7%	16.7% #E3DB20	RGB 227 219 32	#E3DB20
33.3%	33.3% #E9D341	RGB 233 211 65	#E9D341
50.0%	50.0% #EECB62	RGB 238 203 98	#EECB62
66.7%	66.7% #F4C382	RGB 244 195 130	#F4C382
83.3%	83.3% #F9BBA3	RGB 249 187 163	#F9BBA3
100.0%	100.0% #FFB3C4	RGB 255 179 196	#FFB3C4

#DEE300 #E3DB20 #E9D341 #EECB62 #F4C382 #F9BBA3 #FFB3C4

#DEE300 - #FFB3C4

Mezcla HSV

#DEE300 - #FFB3C4 | 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 #DEE300 como 0% y #FFB3C4 como 100%.

0.0%	0.0% #DEE300	RGB 222 227 0	#DEE300
16.7%	16.7% #E7C11B	RGB 231 193 27	#E7C11B
33.3%	33.3% #ECA537	RGB 236 165 55	#ECA537
50.0%	50.0% #F19354	RGB 241 147 84	#F19354
66.7%	66.7% #F58C72	RGB 245 140 114	#F58C72
83.3%	83.3% #FA9294	RGB 250 146 148	#FA9294
100.0%	100.0% #FFB3C4	RGB 255 179 196	#FFB3C4

#DEE300 #E7C11B #ECA537 #F19354 #F58C72 #FA9294 #FFB3C4

#DEE300 - #F19354 - #FFB3C4

Códigos CSS

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

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