#DA8C8C - #FCDBB0 | 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 #DA8C8C a #FCDBB0

#DA8C8C #FCDBB0

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

#DA8C8C - #FCDBB0 | 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 #DA8C8C como 0% y #FCDBB0 como 100%.

0.0%	0.0% #DA8C8C	RGB 218 140 140	#DA8C8C
16.7%	16.7% #DF9992	RGB 223 153 146	#DF9992
33.3%	33.3% #E5A698	RGB 229 166 152	#E5A698
50.0%	50.0% #EBB39E	RGB 235 179 158	#EBB39E
66.7%	66.7% #F0C0A4	RGB 240 192 164	#F0C0A4
83.3%	83.3% #F6CDAA	RGB 246 205 170	#F6CDAA
100.0%	100.0% #FCDBB0	RGB 252 219 176	#FCDBB0

#DA8C8C #DF9992 #E5A698 #EBB39E #F0C0A4 #F6CDAA #FCDBB0

#DA8C8C - #FCDBB0

Mezcla HSV

#DA8C8C - #FCDBB0 | 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 #DA8C8C como 0% y #FCDBB0 como 100%.

0.0%	0.0% #DA8C8C	RGB 218 140 140	#DA8C8C
16.7%	16.7% #DF9991	RGB 223 153 145	#DF9991
33.3%	33.3% #E5A697	RGB 229 166 151	#E5A697
50.0%	50.0% #EBB39D	RGB 235 179 157	#EBB39D
66.7%	66.7% #F0C0A3	RGB 240 192 163	#F0C0A3
83.3%	83.3% #F6CDA9	RGB 246 205 169	#F6CDA9
100.0%	100.0% #FCDBB0	RGB 252 219 176	#FCDBB0

#DA8C8C #DF9991 #E5A697 #EBB39D #F0C0A3 #F6CDA9 #FCDBB0

#DA8C8C - #EBB39D - #FCDBB0

Códigos CSS

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

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