#715454 - #D6CECE | 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 #715454 a #D6CECE

#715454 #D6CECE

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

#715454 - #D6CECE | 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 #715454 como 0% y #D6CECE como 100%.

0.0%	0.0% #715454	RGB 113 84 84	#715454
16.7%	16.7% #816868	RGB 129 104 104	#816868
33.3%	33.3% #927C7C	RGB 146 124 124	#927C7C
50.0%	50.0% #A39191	RGB 163 145 145	#A39191
66.7%	66.7% #B4A5A5	RGB 180 165 165	#B4A5A5
83.3%	83.3% #C5B9B9	RGB 197 185 185	#C5B9B9
100.0%	100.0% #D6CECE	RGB 214 206 206	#D6CECE

#715454 #816868 #927C7C #A39191 #B4A5A5 #C5B9B9 #D6CECE

#715454 - #D6CECE

Mezcla HSV

#715454 - #D6CECE | 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 #715454 como 0% y #D6CECE como 100%.

0.0%	0.0% #715454	RGB 113 84 84	#715454
16.7%	16.7% #816565	RGB 129 101 101	#816565
33.3%	33.3% #927777	RGB 146 119 119	#927777
50.0%	50.0% #A38B8B	RGB 163 139 139	#A38B8B
66.7%	66.7% #B4A0A0	RGB 180 160 160	#B4A0A0
83.3%	83.3% #C5B6B6	RGB 197 182 182	#C5B6B6
100.0%	100.0% #D6CECE	RGB 214 206 206	#D6CECE

#715454 #816565 #927777 #A38B8B #B4A0A0 #C5B6B6 #D6CECE

#715454 - #A38B8B - #D6CECE

Códigos CSS

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

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