#ECDFEB - #CD89AB | 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 #ECDFEB a #CD89AB

#ECDFEB #CD89AB

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

#ECDFEB - #CD89AB | 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 #ECDFEB como 0% y #CD89AB como 100%.

0.0%	0.0% #ECDFEB	RGB 236 223 235	#ECDFEB
16.7%	16.7% #E6D0E0	RGB 230 208 224	#E6D0E0
33.3%	33.3% #E1C2D5	RGB 225 194 213	#E1C2D5
50.0%	50.0% #DCB4CB	RGB 220 180 203	#DCB4CB
66.7%	66.7% #D7A5C0	RGB 215 165 192	#D7A5C0
83.3%	83.3% #D297B5	RGB 210 151 181	#D297B5
100.0%	100.0% #CD89AB	RGB 205 137 171	#CD89AB

#ECDFEB #E6D0E0 #E1C2D5 #DCB4CB #D7A5C0 #D297B5 #CD89AB

#ECDFEB - #CD89AB

Mezcla HSV

#ECDFEB - #CD89AB | 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 #ECDFEB como 0% y #CD89AB como 100%.

0.0%	0.0% #ECDFEB	RGB 236 223 235	#ECDFEB
16.7%	16.7% #E6CFE3	RGB 230 207 227	#E6CFE3
33.3%	33.3% #E1C0DA	RGB 225 192 218	#E1C0DA
50.0%	50.0% #DCB1D0	RGB 220 177 208	#DCB1D0
66.7%	66.7% #D7A3C4	RGB 215 163 196	#D7A3C4
83.3%	83.3% #D296B8	RGB 210 150 184	#D296B8
100.0%	100.0% #CD89AB	RGB 205 137 171	#CD89AB

#ECDFEB #E6CFE3 #E1C0DA #DCB1D0 #D7A3C4 #D296B8 #CD89AB

#ECDFEB - #DCB1D0 - #CD89AB

Códigos CSS

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

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