#C26C6C - #FDBE8D | 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 #C26C6C a #FDBE8D

#C26C6C #FDBE8D

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

#C26C6C - #FDBE8D | 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 #C26C6C como 0% y #FDBE8D como 100%.

0.0%	0.0% #C26C6C	RGB 194 108 108	#C26C6C
16.7%	16.7% #CB7971	RGB 203 121 113	#CB7971
33.3%	33.3% #D58777	RGB 213 135 119	#D58777
50.0%	50.0% #DF957C	RGB 223 149 124	#DF957C
66.7%	66.7% #E9A282	RGB 233 162 130	#E9A282
83.3%	83.3% #F3B087	RGB 243 176 135	#F3B087
100.0%	100.0% #FDBE8D	RGB 253 190 141	#FDBE8D

#C26C6C #CB7971 #D58777 #DF957C #E9A282 #F3B087 #FDBE8D

#C26C6C - #FDBE8D

Mezcla HSV

#C26C6C - #FDBE8D | 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 #C26C6C como 0% y #FDBE8D como 100%.

0.0%	0.0% #C26C6C	RGB 194 108 108	#C26C6C
16.7%	16.7% #CB7871	RGB 203 120 113	#CB7871
33.3%	33.3% #D58476	RGB 213 132 118	#D58476
50.0%	50.0% #DF927C	RGB 223 146 124	#DF927C
66.7%	66.7% #E9A081	RGB 233 160 129	#E9A081
83.3%	83.3% #F3AE87	RGB 243 174 135	#F3AE87
100.0%	100.0% #FDBE8D	RGB 253 190 141	#FDBE8D

#C26C6C #CB7871 #D58476 #DF927C #E9A081 #F3AE87 #FDBE8D

#C26C6C - #DF927C - #FDBE8D

Códigos CSS

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

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