#C36DAB - #8C0D5B | 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 #C36DAB a #8C0D5B

#C36DAB #8C0D5B

Calcule el color entre dos colores, #C36DAB y #8C0D5B. 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)

#C36DAB - #8C0D5B | 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 #C36DAB como 0% y #8C0D5B como 100%.

0.0%	0.0% #C36DAB	RGB 195 109 171	#C36DAB
16.7%	16.7% #B95D9D	RGB 185 93 157	#B95D9D
33.3%	33.3% #B04D90	RGB 176 77 144	#B04D90
50.0%	50.0% #A73D83	RGB 167 61 131	#A73D83
66.7%	66.7% #9E2D75	RGB 158 45 117	#9E2D75
83.3%	83.3% #951D68	RGB 149 29 104	#951D68
100.0%	100.0% #8C0D5B	RGB 140 13 91	#8C0D5B

#C36DAB #B95D9D #B04D90 #A73D83 #9E2D75 #951D68 #8C0D5B

#C36DAB - #8C0D5B

Mezcla HSV

#C36DAB - #8C0D5B | 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 #C36DAB como 0% y #8C0D5B como 100%.

0.0%	0.0% #C36DAB	RGB 195 109 171	#C36DAB
16.7%	16.7% #B9599D	RGB 185 89 157	#B9599D
33.3%	33.3% #B0478F	RGB 176 71 143	#B0478F
50.0%	50.0% #A73681	RGB 167 54 129	#A73681
66.7%	66.7% #9E2774	RGB 158 39 116	#9E2774
83.3%	83.3% #951967	RGB 149 25 103	#951967
100.0%	100.0% #8C0D5B	RGB 140 13 91	#8C0D5B

#C36DAB #B9599D #B0478F #A73681 #9E2774 #951967 #8C0D5B

#C36DAB - #A73681 - #8C0D5B

Códigos CSS

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

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