#CC9F9F - #3A2D2D | 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 #CC9F9F a #3A2D2D

#CC9F9F #3A2D2D

Calcule el color entre dos colores, #CC9F9F y #3A2D2D. 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)

#CC9F9F - #3A2D2D | 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 #CC9F9F como 0% y #3A2D2D como 100%.

0.0%	0.0% #CC9F9F	RGB 204 159 159	#CC9F9F
16.7%	16.7% #B38C8C	RGB 179 140 140	#B38C8C
33.3%	33.3% #9B7979	RGB 155 121 121	#9B7979
50.0%	50.0% #836666	RGB 131 102 102	#836666
66.7%	66.7% #6A5353	RGB 106 83 83	#6A5353
83.3%	83.3% #524040	RGB 82 64 64	#524040
100.0%	100.0% #3A2D2D	RGB 58 45 45	#3A2D2D

#CC9F9F #B38C8C #9B7979 #836666 #6A5353 #524040 #3A2D2D

#CC9F9F - #3A2D2D

Mezcla HSV

#CC9F9F - #3A2D2D | 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 #CC9F9F como 0% y #3A2D2D como 100%.

0.0%	0.0% #CC9F9F	RGB 204 159 159	#CC9F9F
16.7%	16.7% #B38B8B	RGB 179 139 139	#B38B8B
33.3%	33.3% #9B7878	RGB 155 120 120	#9B7878
50.0%	50.0% #836565	RGB 131 101 101	#836565
66.7%	66.7% #6A5252	RGB 106 82 82	#6A5252
83.3%	83.3% #523F3F	RGB 82 63 63	#523F3F
100.0%	100.0% #3A2D2D	RGB 58 45 45	#3A2D2D

#CC9F9F #B38B8B #9B7878 #836565 #6A5252 #523F3F #3A2D2D

#CC9F9F - #836565 - #3A2D2D

Códigos CSS

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

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