#CD9191 - #B1423C | 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 #CD9191 a #B1423C

#CD9191 #B1423C

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

#CD9191 - #B1423C | 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 #CD9191 como 0% y #B1423C como 100%.

0.0%	0.0% #CD9191	RGB 205 145 145	#CD9191
16.7%	16.7% #C88382	RGB 200 131 130	#C88382
33.3%	33.3% #C37674	RGB 195 118 116	#C37674
50.0%	50.0% #BF6966	RGB 191 105 102	#BF6966
66.7%	66.7% #BA5C58	RGB 186 92 88	#BA5C58
83.3%	83.3% #B54F4A	RGB 181 79 74	#B54F4A
100.0%	100.0% #B1423C	RGB 177 66 60	#B1423C

#CD9191 #C88382 #C37674 #BF6966 #BA5C58 #B54F4A #B1423C

#CD9191 - #B1423C

Mezcla HSV

#CD9191 - #B1423C | 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 #CD9191 como 0% y #B1423C como 100%.

0.0%	0.0% #CD9191	RGB 205 145 145	#CD9191
16.7%	16.7% #C88281	RGB 200 130 129	#C88281
33.3%	33.3% #C37372	RGB 195 115 114	#C37372
50.0%	50.0% #BF6663	RGB 191 102 99	#BF6663
66.7%	66.7% #BA5956	RGB 186 89 86	#BA5956
83.3%	83.3% #B54D48	RGB 181 77 72	#B54D48
100.0%	100.0% #B1423C	RGB 177 66 60	#B1423C

#CD9191 #C88281 #C37372 #BF6663 #BA5956 #B54D48 #B1423C

#CD9191 - #BF6663 - #B1423C

Códigos CSS

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

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