#C5C4D0 - #81688C | 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 #C5C4D0 a #81688C

#C5C4D0 #81688C

Calcule el color entre dos colores, #C5C4D0 y #81688C. 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)

#C5C4D0 - #81688C | 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 #C5C4D0 como 0% y #81688C como 100%.

0.0%	0.0% #C5C4D0	RGB 197 196 208	#C5C4D0
16.7%	16.7% #B9B4C4	RGB 185 180 196	#B9B4C4
33.3%	33.3% #AEA5B9	RGB 174 165 185	#AEA5B9
50.0%	50.0% #A396AE	RGB 163 150 174	#A396AE
66.7%	66.7% #9786A2	RGB 151 134 162	#9786A2
83.3%	83.3% #8C7797	RGB 140 119 151	#8C7797
100.0%	100.0% #81688C	RGB 129 104 140	#81688C

#C5C4D0 #B9B4C4 #AEA5B9 #A396AE #9786A2 #8C7797 #81688C

#C5C4D0 - #81688C

Mezcla HSV

#C5C4D0 - #81688C | 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 #C5C4D0 como 0% y #81688C como 100%.

0.0%	0.0% #C5C4D0	RGB 197 196 208	#C5C4D0
16.7%	16.7% #B6B2C4	RGB 182 178 196	#B6B2C4
33.3%	33.3% #A8A2B9	RGB 168 162 185	#A8A2B9
50.0%	50.0% #9D92AE	RGB 157 146 174	#9D92AE
66.7%	66.7% #9283A2	RGB 146 131 162	#9283A2
83.3%	83.3% #897597	RGB 137 117 151	#897597
100.0%	100.0% #81688C	RGB 129 104 140	#81688C

#C5C4D0 #B6B2C4 #A8A2B9 #9D92AE #9283A2 #897597 #81688C

#C5C4D0 - #9D92AE - #81688C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5C4D0 0%, #9D92AE 50%, #81688C 100%);
    background: -webkit-linear-gradient(top, #C5C4D0 0%, #9D92AE 50%, #81688C 100%);
    background: linear-gradient(to bottom, #C5C4D0 0%, #9D92AE 50%, #81688C 100%);
}
</style>