#62CECE - #D0E4B5 | 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 #62CECE a #D0E4B5

#62CECE #D0E4B5

Calcule el color entre dos colores, #62CECE y #D0E4B5. 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)

#62CECE - #D0E4B5 | 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 #62CECE como 0% y #D0E4B5 como 100%.

0.0%	0.0% #62CECE	RGB 98 206 206	#62CECE
16.7%	16.7% #74D1C9	RGB 116 209 201	#74D1C9
33.3%	33.3% #86D5C5	RGB 134 213 197	#86D5C5
50.0%	50.0% #99D9C1	RGB 153 217 193	#99D9C1
66.7%	66.7% #ABDCBD	RGB 171 220 189	#ABDCBD
83.3%	83.3% #BDE0B9	RGB 189 224 185	#BDE0B9
100.0%	100.0% #D0E4B5	RGB 208 228 181	#D0E4B5

#62CECE #74D1C9 #86D5C5 #99D9C1 #ABDCBD #BDE0B9 #D0E4B5

#62CECE - #D0E4B5

Mezcla HSV

#62CECE - #D0E4B5 | 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 #62CECE como 0% y #D0E4B5 como 100%.

0.0%	0.0% #62CECE	RGB 98 206 206	#62CECE
16.7%	16.7% #6ED1B7	RGB 110 209 183	#6ED1B7
33.3%	33.3% #7CD5A6	RGB 124 213 166	#7CD5A6
50.0%	50.0% #89D99A	RGB 137 217 154	#89D99A
66.7%	66.7% #9BDC97	RGB 155 220 151	#9BDC97
83.3%	83.3% #B8E0A6	RGB 184 224 166	#B8E0A6
100.0%	100.0% #D0E4B5	RGB 208 228 181	#D0E4B5

#62CECE #6ED1B7 #7CD5A6 #89D99A #9BDC97 #B8E0A6 #D0E4B5

#62CECE - #89D99A - #D0E4B5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #62CECE 0%, #89D99A 50%, #D0E4B5 100%);
    background: -webkit-linear-gradient(top, #62CECE 0%, #89D99A 50%, #D0E4B5 100%);
    background: linear-gradient(to bottom, #62CECE 0%, #89D99A 50%, #D0E4B5 100%);
}
</style>