#C196A8 - #8D3E59 | 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 #C196A8 a #8D3E59

#C196A8 #8D3E59

Calcule el color entre dos colores, #C196A8 y #8D3E59. 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)

#C196A8 - #8D3E59 | 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 #C196A8 como 0% y #8D3E59 como 100%.

0.0%	0.0% #C196A8	RGB 193 150 168	#C196A8
16.7%	16.7% #B8879A	RGB 184 135 154	#B8879A
33.3%	33.3% #AF788D	RGB 175 120 141	#AF788D
50.0%	50.0% #A76A80	RGB 167 106 128	#A76A80
66.7%	66.7% #9E5B73	RGB 158 91 115	#9E5B73
83.3%	83.3% #954C66	RGB 149 76 102	#954C66
100.0%	100.0% #8D3E59	RGB 141 62 89	#8D3E59

#C196A8 #B8879A #AF788D #A76A80 #9E5B73 #954C66 #8D3E59

#C196A8 - #8D3E59

Mezcla HSV

#C196A8 - #8D3E59 | 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 #C196A8 como 0% y #8D3E59 como 100%.

0.0%	0.0% #C196A8	RGB 193 150 168	#C196A8
16.7%	16.7% #B88499	RGB 184 132 153	#B88499
33.3%	33.3% #AF748B	RGB 175 116 139	#AF748B
50.0%	50.0% #A7657E	RGB 167 101 126	#A7657E
66.7%	66.7% #9E5771	RGB 158 87 113	#9E5771
83.3%	83.3% #954A64	RGB 149 74 100	#954A64
100.0%	100.0% #8D3E59	RGB 141 62 89	#8D3E59

#C196A8 #B88499 #AF748B #A7657E #9E5771 #954A64 #8D3E59

#C196A8 - #A7657E - #8D3E59

Códigos CSS

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

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