#CABBCC - #8F5E78 | 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 #CABBCC a #8F5E78

#CABBCC #8F5E78

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

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

0.0%	0.0% #CABBCC	RGB 202 187 204	#CABBCC
16.7%	16.7% #C0ABBE	RGB 192 171 190	#C0ABBE
33.3%	33.3% #B69CB0	RGB 182 156 176	#B69CB0
50.0%	50.0% #AC8CA2	RGB 172 140 162	#AC8CA2
66.7%	66.7% #A27D94	RGB 162 125 148	#A27D94
83.3%	83.3% #986D86	RGB 152 109 134	#986D86
100.0%	100.0% #8F5E78	RGB 143 94 120	#8F5E78

#CABBCC #C0ABBE #B69CB0 #AC8CA2 #A27D94 #986D86 #8F5E78

#CABBCC - #8F5E78

Mezcla HSV

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

0.0%	0.0% #CABBCC	RGB 202 187 204	#CABBCC
16.7%	16.7% #C1A9C1	RGB 193 169 193	#C1A9C1
33.3%	33.3% #B798B5	RGB 183 152 181	#B798B5
50.0%	50.0% #AD88A7	RGB 173 136 167	#AD88A7
66.7%	66.7% #A37997	RGB 163 121 151	#A37997
83.3%	83.3% #996B88	RGB 153 107 136	#996B88
100.0%	100.0% #8F5E78	RGB 143 94 120	#8F5E78

#CABBCC #C1A9C1 #B798B5 #AD88A7 #A37997 #996B88 #8F5E78

#CABBCC - #AD88A7 - #8F5E78

Códigos CSS

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

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