#C0BDCD - #5E648D | 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 #C0BDCD a #5E648D

#C0BDCD #5E648D

Calcule el color entre dos colores, #C0BDCD y #5E648D. 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)

#C0BDCD - #5E648D | 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 #C0BDCD como 0% y #5E648D como 100%.

0.0%	0.0% #C0BDCD	RGB 192 189 205	#C0BDCD
16.7%	16.7% #AFAEC2	RGB 175 174 194	#AFAEC2
33.3%	33.3% #9F9FB7	RGB 159 159 183	#9F9FB7
50.0%	50.0% #8F90AD	RGB 143 144 173	#8F90AD
66.7%	66.7% #7E81A2	RGB 126 129 162	#7E81A2
83.3%	83.3% #6E7297	RGB 110 114 151	#6E7297
100.0%	100.0% #5E648D	RGB 94 100 141	#5E648D

#C0BDCD #AFAEC2 #9F9FB7 #8F90AD #7E81A2 #6E7297 #5E648D

#C0BDCD - #5E648D

Mezcla HSV

#C0BDCD - #5E648D | 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 #C0BDCD como 0% y #5E648D como 100%.

0.0%	0.0% #C0BDCD	RGB 192 189 205	#C0BDCD
16.7%	16.7% #AEAAC2	RGB 174 170 194	#AEAAC2
33.3%	33.3% #9C99B7	RGB 156 153 183	#9C99B7
50.0%	50.0% #8A89AD	RGB 138 137 173	#8A89AD
66.7%	66.7% #7A7AA2	RGB 122 122 162	#7A7AA2
83.3%	83.3% #6B6E97	RGB 107 110 151	#6B6E97
100.0%	100.0% #5E648D	RGB 94 100 141	#5E648D

#C0BDCD #AEAAC2 #9C99B7 #8A89AD #7A7AA2 #6B6E97 #5E648D

#C0BDCD - #8A89AD - #5E648D

Códigos CSS

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

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