#C3669C - #870D4C | 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 #C3669C a #870D4C

#C3669C #870D4C

Calcule el color entre dos colores, #C3669C y #870D4C. 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)

#C3669C - #870D4C | 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 #C3669C como 0% y #870D4C como 100%.

0.0%	0.0% #C3669C	RGB 195 102 156	#C3669C
16.7%	16.7% #B9578E	RGB 185 87 142	#B9578E
33.3%	33.3% #AF4881	RGB 175 72 129	#AF4881
50.0%	50.0% #A53974	RGB 165 57 116	#A53974
66.7%	66.7% #9B2A66	RGB 155 42 102	#9B2A66
83.3%	83.3% #911B59	RGB 145 27 89	#911B59
100.0%	100.0% #870D4C	RGB 135 13 76	#870D4C

#C3669C #B9578E #AF4881 #A53974 #9B2A66 #911B59 #870D4C

#C3669C - #870D4C

Mezcla HSV

#C3669C - #870D4C | 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 #C3669C como 0% y #870D4C como 100%.

0.0%	0.0% #C3669B	RGB 195 102 155	#C3669B
16.7%	16.7% #B9538D	RGB 185 83 141	#B9538D
33.3%	33.3% #AF427F	RGB 175 66 127	#AF427F
50.0%	50.0% #A53371	RGB 165 51 113	#A53371
66.7%	66.7% #9B2464	RGB 155 36 100	#9B2464
83.3%	83.3% #911857	RGB 145 24 87	#911857
100.0%	100.0% #870D4C	RGB 135 13 76	#870D4C

#C3669B #B9538D #AF427F #A53371 #9B2464 #911857 #870D4C

#C3669C - #A53371 - #870D4C

Códigos CSS

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

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