#C0BABE - #EBCFE9 | 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 #C0BABE a #EBCFE9

#C0BABE #EBCFE9

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

#C0BABE - #EBCFE9 | 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 #C0BABE como 0% y #EBCFE9 como 100%.

0.0%	0.0% #C0BABE	RGB 192 186 190	#C0BABE
16.7%	16.7% #C7BDC5	RGB 199 189 197	#C7BDC5
33.3%	33.3% #CEC1CC	RGB 206 193 204	#CEC1CC
50.0%	50.0% #D5C4D3	RGB 213 196 211	#D5C4D3
66.7%	66.7% #DCC8DA	RGB 220 200 218	#DCC8DA
83.3%	83.3% #E3CBE1	RGB 227 203 225	#E3CBE1
100.0%	100.0% #EBCFE9	RGB 235 207 233	#EBCFE9

#C0BABE #C7BDC5 #CEC1CC #D5C4D3 #DCC8DA #E3CBE1 #EBCFE9

#C0BABE - #EBCFE9

Mezcla HSV

#C0BABE - #EBCFE9 | 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 #C0BABE como 0% y #EBCFE9 como 100%.

0.0%	0.0% #C0BABE	RGB 192 186 190	#C0BABE
16.7%	16.7% #C7BEC4	RGB 199 190 196	#C7BEC4
33.3%	33.3% #CEC1CB	RGB 206 193 203	#CEC1CB
50.0%	50.0% #D5C5D2	RGB 213 197 210	#D5C5D2
66.7%	66.7% #DCC8D9	RGB 220 200 217	#DCC8D9
83.3%	83.3% #E3CCE1	RGB 227 204 225	#E3CCE1
100.0%	100.0% #EBCFE9	RGB 235 207 233	#EBCFE9

#C0BABE #C7BEC4 #CEC1CB #D5C5D2 #DCC8D9 #E3CCE1 #EBCFE9

#C0BABE - #D5C5D2 - #EBCFE9

Códigos CSS

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

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