#D0C390 - #F1EDDF | 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 #D0C390 a #F1EDDF

#D0C390 #F1EDDF

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

#D0C390 - #F1EDDF | 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 #D0C390 como 0% y #F1EDDF como 100%.

0.0%	0.0% #D0C390	RGB 208 195 144	#D0C390
16.7%	16.7% #D5CA9D	RGB 213 202 157	#D5CA9D
33.3%	33.3% #DBD1AA	RGB 219 209 170	#DBD1AA
50.0%	50.0% #E0D8B7	RGB 224 216 183	#E0D8B7
66.7%	66.7% #E6DFC4	RGB 230 223 196	#E6DFC4
83.3%	83.3% #EBE6D1	RGB 235 230 209	#EBE6D1
100.0%	100.0% #F1EDDF	RGB 241 237 223	#F1EDDF

#D0C390 #D5CA9D #DBD1AA #E0D8B7 #E6DFC4 #EBE6D1 #F1EDDF

#D0C390 - #F1EDDF

Mezcla HSV

#D0C390 - #F1EDDF | 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 #D0C390 como 0% y #F1EDDF como 100%.

0.0%	0.0% #D0C390	RGB 208 195 144	#D0C390
16.7%	16.7% #D5C99C	RGB 213 201 156	#D5C99C
33.3%	33.3% #DBD0A8	RGB 219 208 168	#DBD0A8
50.0%	50.0% #E0D7B5	RGB 224 215 181	#E0D7B5
66.7%	66.7% #E6DEC2	RGB 230 222 194	#E6DEC2
83.3%	83.3% #EBE5D0	RGB 235 229 208	#EBE5D0
100.0%	100.0% #F1EDDF	RGB 241 237 223	#F1EDDF

#D0C390 #D5C99C #DBD0A8 #E0D7B5 #E6DEC2 #EBE5D0 #F1EDDF

#D0C390 - #E0D7B5 - #F1EDDF

Códigos CSS

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

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