#D5EADE - #78B8AF | 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 #D5EADE a #78B8AF

#D5EADE #78B8AF

Calcule el color entre dos colores, #D5EADE y #78B8AF. 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)

#D5EADE - #78B8AF | 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 #D5EADE como 0% y #78B8AF como 100%.

0.0%	0.0% #D5EADE	RGB 213 234 222	#D5EADE
16.7%	16.7% #C5E1D6	RGB 197 225 214	#C5E1D6
33.3%	33.3% #B6D9CE	RGB 182 217 206	#B6D9CE
50.0%	50.0% #A6D1C6	RGB 166 209 198	#A6D1C6
66.7%	66.7% #97C8BE	RGB 151 200 190	#97C8BE
83.3%	83.3% #87C0B6	RGB 135 192 182	#87C0B6
100.0%	100.0% #78B8AF	RGB 120 184 175	#78B8AF

#D5EADE #C5E1D6 #B6D9CE #A6D1C6 #97C8BE #87C0B6 #78B8AF

#D5EADE - #78B8AF

Mezcla HSV

#D5EADE - #78B8AF | 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 #D5EADE como 0% y #78B8AF como 100%.

0.0%	0.0% #D5EADE	RGB 213 234 222	#D5EADE
16.7%	16.7% #C3E1D2	RGB 195 225 210	#C3E1D2
33.3%	33.3% #B3D9C8	RGB 179 217 200	#B3D9C8
50.0%	50.0% #A3D1C0	RGB 163 209 192	#A3D1C0
66.7%	66.7% #94C8B9	RGB 148 200 185	#94C8B9
83.3%	83.3% #85C0B3	RGB 133 192 179	#85C0B3
100.0%	100.0% #78B8AF	RGB 120 184 175	#78B8AF

#D5EADE #C3E1D2 #B3D9C8 #A3D1C0 #94C8B9 #85C0B3 #78B8AF

#D5EADE - #A3D1C0 - #78B8AF

Códigos CSS

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

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