#C15C92 - #EDD0DF | 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 #C15C92 a #EDD0DF

#C15C92 #EDD0DF

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

#C15C92 - #EDD0DF | 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 #C15C92 como 0% y #EDD0DF como 100%.

0.0%	0.0% #C15C92	RGB 193 92 146	#C15C92
16.7%	16.7% #C86F9E	RGB 200 111 158	#C86F9E
33.3%	33.3% #CF82AB	RGB 207 130 171	#CF82AB
50.0%	50.0% #D796B8	RGB 215 150 184	#D796B8
66.7%	66.7% #DEA9C5	RGB 222 169 197	#DEA9C5
83.3%	83.3% #E5BCD2	RGB 229 188 210	#E5BCD2
100.0%	100.0% #EDD0DF	RGB 237 208 223	#EDD0DF

#C15C92 #C86F9E #CF82AB #D796B8 #DEA9C5 #E5BCD2 #EDD0DF

#C15C92 - #EDD0DF

Mezcla HSV

#C15C92 - #EDD0DF | 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 #C15C92 como 0% y #EDD0DF como 100%.

0.0%	0.0% #C15C91	RGB 193 92 145	#C15C91
16.7%	16.7% #C86C9D	RGB 200 108 157	#C86C9D
33.3%	33.3% #CF7EA9	RGB 207 126 169	#CF7EA9
50.0%	50.0% #D791B6	RGB 215 145 182	#D791B6
66.7%	66.7% #DEA5C3	RGB 222 165 195	#DEA5C3
83.3%	83.3% #E5BAD0	RGB 229 186 208	#E5BAD0
100.0%	100.0% #EDD0DF	RGB 237 208 223	#EDD0DF

#C15C91 #C86C9D #CF7EA9 #D791B6 #DEA5C3 #E5BAD0 #EDD0DF

#C15C92 - #D791B6 - #EDD0DF

Códigos CSS

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

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